jQuery .stop() 不起作用，悬停时效果晃动

Question

我有 jQUery 代码：

setInterval(function() {

    var grayarrow = jQuery("ul#dropdowngray").parent(); 
    var greenarrow = jQuery("ul#dropdown").parent();

    grayarrow.effect('shake', { times:2 }, 100);
    greenarrow.effect('shake', { times:3 }, 200);

    jQuery("ul#dropdowngray").parent().hover( 

        function (){ grayarrow.stop().effect('shake', { times:0 }, 100); },

        function (){ grayarrow.stop().effect('shake', { times:2 }, 100); }

    );

    jQuery("ul#dropdown").parent().hover( 

        function (){ greenarrow.stop().effect('shake', { times:0 }, 100); },

        function (){ greenarrow.stop().effect('shake', { times:2 }, 100); }

    );

}, 5000);

要查看效果： http://mainstreetfinancing.com.s136249.gridserver.com/frequently-asked-questions-direct-lender-net-lender.html

但是，当我将鼠标悬停在该元素上时，晃动继续执行。最初，我有代码：

jQuery("ul#dropdowngray").parent().hover( 

            function (){ grayarrow.stop(); },

            function (){ grayarrow.stop(); }

        );

但是，由于这也不起作用，我实现了此处讨论的解决方案： jquery 。 stop() 不起作用

当鼠标悬停在晃动元素上时，如何有效地使晃动停止？

谢谢你，

Answer 1

要立即停止，您需要将 2 个参数（clearQueue:true、jumpToEnd:true）传递到 stop() 调用中，请参阅 http ://api.jquery.com/stop/。此外，您还应该设置一个变量来控制 setInterval 调用，以便当您将鼠标悬停在元素上时，它应该立即返回。这是代码。要查看效果，请访问 http://jsfiddle.net/BT4bt/

var stopShaking = false;


var shakeIt = function() {
    $('#shaker').effect('shake', { times: 6 }, 100);
}

setInterval(function() {
    if (stopShaking) {
        return;
    }
    shakeIt();
}, 5000);

$('#shaker').hover(function(){
    $(this).stop(true, true);
    stopShaking = true;
}, function(){
    stopShaking = false;
})