Javascript jQuery Turnbox.JS-无需用户交互即可制作动画

我非常喜欢使用Keichirohirai的Turnbox.JS脚本（）

但是，此脚本似乎仅适用于用户单击/悬停此脚本附加到的任何按钮

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

我试过：

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

但既然我在这里发帖，它显然不起作用

---

提前谢谢你

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

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

或

此外，Turnbox可以这样初始化：

HTML标记

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

如果现在要在特定事件（例如准备或加载事件）启动动画，则可以使用：

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

---

如果希望通过jQuery以编程方式触发元素上的单击事件，可以使用函数

$(document).ready(function() {
   $('.sample').turnBox();
   ...
   $('.sample').click();
});

---

初始化后，单击生成的

.turnBoxButton

子元素：

$.turnBoxLink({
    box: ".example"
});
setInterval(function() {
    $(".example .turnBoxButton").click();
}, 1000);

---

这将使盒子每秒旋转。

@IvankaTodorova是的，你说得对。为了满足需要，我已经完成了我的答案：）这是否也可以用来计时？像在dom ready上一样，等待2秒钟然后运行event我建议创建自定义事件，等待ready事件，然后在（'ready'）上执行

。延迟（2000，function（）{//your trigger…}）

我尝试过。单击（）但它不起作用。我还附上了一个警告。警报弹出，但按钮没有任何作用。

$(document).ready(function() {
   $('.sample').turnBox();
   ...
   $('.sample').click();
});

$.turnBoxLink({
    box: ".example"
});
setInterval(function() {
    $(".example .turnBoxButton").click();
}, 1000);