Javascript 在启动同一函数之前停止执行JQuery函数

当用户单击的速度超过操作完成的速度时，会出现常见问题

在前端，在X行上有编辑按钮。当用户单击一行时，js触发此函数

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

但再次单击后，第二个操作将等待第一个操作完成，等等

---

我想问一下，在启动另一个函数之前，如何停止.load（）函数？

只需添加变量即可

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

---

只要在工作时添加变量即可

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

试试这个：

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

试试这个：

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

---

为

isProcessing

添加一个标志，如果它为真，只需返回您可以禁用按钮并从

load（）

complete callback重新启用它为

isProcessing

添加一个标志，如果它为真，只需返回您可以禁用按钮并从

load（）

complete callback重新启用它