如何启用按钮的单击事件？

Question

我使用以下命令禁用jQuery点击事件：

$("#button").click( function () { return false;}

我该如何启用它？目的是避免双击并且多次触发触发的功能。 我想在按下其他按钮时恢复该事件。

Answer 1

有几种选择，但我喜欢以下最佳选择：

//disable
$("#button").bind('click', function() { return false; });

//enable
$("#button").unbind('click');

您还可以再次将按钮再次绑定到其他一些回调函数。最后，我建议您根据点击事件调用事件preventDefault，具体取决于#button的真实情况：

$("#button").bind('click', function(e) { 
    e.preventDefault();
    return false; 
});

正如j08691指出的那样，从jQuery 1.7开始，它应该看起来像：

$("#button").on('click', function(e) { 
    e.preventDefault();
    return false; 
});

Answer 2

您也可以使用one：

$("#button").one('click', function () { /* code here */ });

该事件在被调用一次后将解除绑定。

Answer 3

如果你这样做：

$("#button").unbind("click");

该按钮将再次起作用，unbind函数将从所选元素中删除已注册的事件处理程序，如果你没有传递参数，它将删除所有已注册的事件。

编辑：如评论中所述，您现在可以使用开启和关闭方法：

$("#button").off("click")

禁用点击次数：

 $("#button").on("click")

再次启用它们