javascript - 在启动相同函数之前停止执行 JQuery 函数

Question

这个问题已经有答案了:

Aborting jQuery().load() (4 个回答)

已关闭 6 年前。

There is common problem when user click faster than action can finish.

在前端，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;
});