javascript - 禁用链接以停止在 JQuery 中双击

Question

单击一次后如何禁用所有带有 button 类的链接？我希望能够在一个地方执行此操作，而不必单独更改所有这些。有什么想法吗？

到目前为止我得到了这个:

$("a.button").click(function() { $(this).attr("disabled", "disabled"); });
$("a[disabled]").click(function() { return false; });

但是第二个事件没有触发..

Answer 1

这是我会尝试的:

$("a.button").one("click", function() {
    $(this).click(function () { return false; });
});

用“按钮”类绑定(bind)所有链接。仅运行一次匿名函数(因此为“一次”)，这会重新绑定(bind)链接以返回 false。

如果你想让它看起来更像你所拥有的，试试这个:

$("a.button").click(function() { $(this).attr("disabled", "disabled"); });
$(document).click(function(evt) {
     if ($(evt.target).is("a[disabled]"))
          return false;
});