Jquery demo演示19

Question

我正在使用demo演示19，并想知道是否有一种方法，迫使它发挥，当它完成加载页面。

$(document).ready(function(){
$('#toggle').jrumble();
var demoTimeout;
$('#toggle').click(function(){
    $this = $(this);
    clearTimeout(demoTimeout);
    $this.trigger('startRumble');
    demoTimeout = setTimeout(function(){$this.trigger('stopRumble');}, 8000)
});
demoStart();`

我试过.ready()，但它不想和我一起工作。

Answer 1

像这样的东西应该能处理你想要的东西。它将隆隆和setTimeout的开始放入一个名为rumble()的函数中，然后在页面加载时调用它，单击元素时调用它。

查看演示和完整代码

$(window).on('load', function(){

    var $toggle = $('#toggle'),
        demoTimeout;

    $toggle.jrumble()

    function rumble() {
        clearTimeout(demoTimeout);
        $toggle.trigger('startRumble');
        demoTimeout = setTimeout(function(){
            $toggle.trigger('stopRumble');
        }, 8000);
    }

    $('#toggle').on('click', rumble);
    rumble();

});