jquery執行點擊事件只有當它已經完成了前面的執行

Question

我希望點擊事件才能執行，只有當它完成了前面的執行。我的代碼是

$(".next").click(function(){ 

$(this).parent().find('.overlay').css({'display':'block'}); 
addContent(options, speed, 1); 


}); 

Answer 1

最簡單的就是剛剛unbind當您啓動任務，當任務完成後再次綁定它的Click事件處理程序。

Answer 2

你需要有某種回調或延期對象知道當你addContent功能已經完成，然後做一些事情，如：

$(".next").on('click', doStuff); 

function doStuff() { 
    $(".next").off('click', doStuff); 
    $(this).parent().find('.overlay').css('display', 'block'); 
    addContent(options, speed, 1, function() { //<-- callback 
     $(".next").on('click', doStuff); 
    }); 
} 

function addContent(options, speed, num, callback) { 
    options.animate({left: num}, speed, function() { 
     callback(); //<-- call callback when function is completed 
    }); 
}