按下jquery onclick按钮两次

时间:2013-01-31 01:46:02

标签: jquery jquery-ui

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

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

感谢您的帮助

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

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

});

1 个答案:

答案 0 :(得分:0)

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

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;
            });
        });
      }
});