在启动相同功能之前停止执行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 }}") 
}}