如何使用 jquery 在一段时间内禁用点击事件？

Question

我有一棵左树。它的结构是这样的

主要类别 类别1 子类别1 子类 2 类别2 子类别3 子类别4 子类别5 类别3 . ..之类的

如果用户单击 MainCategory/Category/Subcategory 中的任何一个，我需要禁用/防止重复/多次单击同一链接，直到结果出现。如何使用 jquery 做到这一点？

Answer 1

如果你使用 jQuery 1.7，你可以使用 off() 和 on() 功能

示例：

var foo = function () {
    // code to handle some kind of event
};

// ... now foo will be called when paragraphs are clicked ...
$("body").on("click", "p", foo);


// ... foo will no longer be called.
$("body").off("click", "p", foo); 

如果您使用旧版本，您可以unbind() 和bind() 参加活动

示例：

var foo = function () {
    // code to handle some kind of event
};

// ... now foo will be called when paragraphs are clicked ...
$("body p").bind("click", foo);

// ... foo will no longer be called.
$("body p").unbind("click");

Answer 2

可能只是使用一个类来检查它是否已被点击。
如果单击，则不执行，并删除成功和失败的类。

原型 -

$('.selector').click(function(){
    if(!$(this).hasClass('someclass')){
        $(this).addClass('someclass');
        $.ajax({
          url: "test.html",
          success: function(){
            $(this).removeClass("someclass");
          },
          error: function(){
            $(this).removeClass("someclass");
          }
        });
    }
})