jquery onclick 按钮按下了两次

Question

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

问题是如果用户在幻灯片和动画完成之前按下按钮（比如快速按下两次），它会显示旧的和新的 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;
            });
        });
      }
});