Jquery 在删除记录之前防止多次单击

Jquery 在删除记录之前防止多次单击,jquery,ajax,html-table,click,Jquery,Ajax,Html Table,Click,我有一个HTML表格。对于数据库中的每一行,都有一条记录,在每一行上我都有一个删除按钮(图像图标) 在删除时,我使用Ajax请求从数据库中删除记录 成功后,我将显示一条消息,并隐藏()/remove()表中的行 它很好用但是如果我在多行上快速单击,记录会被删除,但仍会显示一些行 我将我的单击功能附加到一个类 $(".tog").click(function(e){ ... 我已经读过关于jQuery的“toggleClass(),delay()”,这些都不起作用 有什么想法吗?不建议这样做,但

我有一个HTML表格。对于数据库中的每一行,都有一条记录,在每一行上我都有一个删除按钮(图像图标)

在删除时,我使用Ajax请求从数据库中删除记录 成功后,我将显示一条消息,并隐藏()/remove()表中的行

它很好用但是如果我在多行上快速单击,记录会被删除,但仍会显示一些行

我将我的单击功能附加到一个类

$(".tog").click(function(e){ ...
我已经读过关于jQuery的“toggleClass(),delay()”,这些都不起作用


有什么想法吗?

不建议这样做,但是在中,您可以使用
async:false
选项

这样,用户将无法在浏览器上执行任何操作,但浏览器可能会暂时挂起


您也可以考虑向用户显示一个,直到您的请求完成。这样,浏览器就不会被挂起,您也可以向用户显示一些正在进行的消息。

在功能中单击“禁用事件”

$(".tog").click(function () { $(this).unbind() ... 
如有必要,在之后激活

您可以在ajax请求进行时使用插件

$.ajaxSetup({
    cache:false,
    beforeSend: function() {
       $('#content').block({ 
              message: ''
            }); 
    },
    complete: function(){
        $('#content').unblock(); 
    },
    success: function() {}
    }); 
用主div ID替换#content