Jquery

Question

在Responsive menu中出现过这种情况，我们执行连续点击多次，responsive打开菜单，这个不会停止不断打开和关闭。

这里我举个简单的例子：

http://jsfiddle.net/milindex/uekp0rgr/2/

$(函数(){

    $('#boton').on('click', function(){ 
            event.preventDefault(); 
            $('.acction').toggle("slow");
    });

});

我看了很多备选方案和解决方案，但看起来很复杂，有一些更容易理解和实施吗？

Answer 1

你应该停止动画：

$(function () {
    $('#boton').on('click', function (event) {
        event.preventDefault();
        $('.acction').stop().toggle("slow");
    });
});

Jquery - 当我们连续点击超过 3 次时如何防止循环

Jquery - How to prevent the loop, when we do click more than 3 times continuously

loops

infinite-loop

-DEMO-