jQuery的Turnbox.JS - 动画，而无需用户交互

Question

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

然而，这个脚本似乎只与用户点击工作/悬停在任何按钮这个脚本追加到。

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

我想：

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

但因为我在这里发帖，这显然不工作。

预先感谢您！

Answer 1

如果你想这样做，当DOM准备好，你应该换你的初始化代码到

$(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(); 

如果现在要启动特定事件（例如在准备或负载情况下）的动画，你就可以这样做使用：

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

Answer 2

，如果你想使用jQuery的元素上编程触发click事件，您可以使用.click()功能。

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

Answer 3

初始化后，单击生成的.turnBoxButton子元素：

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

这将旋转框的每一秒。