Jquery jrumble演示19

Question

我正在使用jrumble 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()的函数中，然后在页面加载时调用它，并在单击该元素时调用它。

<强> View Demo and Full Code

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

});