按下jquery onclick按钮两次

Question

我有这个按钮隐藏一个div并显示另一个“on click” 下面是伪代码，但希望足以解释这个问题。

问题是如果用户在幻灯片和动画完成之前按下按钮（比如快速按两次），它会显示旧的和新的div。不知怎的，我需要禁用 单击直到动画完成

感谢您的帮助

$( '#edit-buttons' ).on("click", "div", function(event){

        $('#'+currentDiv).slideUp('fast', function() {
            $('#'+nextDiv).animate({ left: 'show', opacity: 'show' }, 'slow');
        });

});

Answer 1

您可以使用布尔来阻止函数调用。

var block = false;

$( '#edit-buttons' ).on("click", "div", function(event){
     if(!block){
        block = true;
        $('#'+currentDiv).slideUp('fast', function() {
            $('#'+nextDiv).animate({ left: 'show', opacity: 'show' }, 'slow',function(){
               block = false;
            });
        });
      }
});