javascript - jQuery Turnbox.JS-在没有用户交互的情况下进行动画处理

我真的很喜欢使用KeiichiroHirai的Turnbox.JS脚本(http://www.noht.co.jp/turnbox)，

但是，此脚本似乎仅适用于用户单击/将鼠标悬停在此脚本附加到其上的任何按钮上的情况。

我希望在DOM准备就绪时使用这些动画，

我试过了:

$(function() {
     $.turnBoxLink({
      box: ".example"
    });
});

但是由于我在这里发布，因此显然无法正常工作。

先感谢您!

最佳答案

如果您希望在DOM准备就绪时执行此操作，则应将init代码包装到

$(document).ready(function() {
   // go when DOM is ready
});

或者

$(window).load(function() {
   // go when page and images are loaded
});

而且，Turnbox可以像这样初始化:

HTML标记

<div class='login_form'>
   <h3>My form element<h3>
</div>

使用以下代码，您将获得额外的简单示例，没有任何选择。但是出于测试目的，最好从这里开始:

$(".login_form").turnBox();

如果现在，您想在特定事件(例如到ready事件或load事件)上启动动画，则可以使用以下方法启动动画:

$(".login_form").turnBoxLink({
  box: ,
  events: "ready", // you can also try 'load'
  dist: "next"
});

关于javascript - jQuery Turnbox.JS-在没有用户交互的情况下进行动画处理，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33230726/