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

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

2 个答案: