在啓動相同功能之前停止執行JQuery功能

Question

當用戶點擊比動作完成更快時，存在常見問題。

在前端，有上X行編輯按鈕。當用戶點擊一行時，js觸發這個函數。

$('.edit').click(function() { 
    var id = $(this).attr('data-id'); 
    $('#registrantDetails').load("/dashboard/edit-conference-registration/" + id + "/{{ confName }}") 
}} 

但再次點擊，第二個動作的等待後率先完成等

我想問如何停止.load（）函數之前啓動另一個？

Answer 1

只要添加變量來處理這個工作。

var isWorking = false; 
$('.edit').click(function() { 
    if (isWorking) return; 
    isWorking = true; 
    var id = $(this).attr('data-id'); 
    $('#registrantDetails').load("/dashboard/edit-conference-registration/" + id + "/{{ confName }}"); 
    isWorking = false; 
}); 

Answer 2

試試這個：

$('.edit').click(function() { 
    var id = $(this).attr('data-id'); 
    $('#registrantDetails').unbind('load'); 
    $('#registrantDetails').load("/dashboard/edit-conference-registration/" + id + "/{{ confName }}") 
}}