使用 jQuery 单击后禁用链接

Question

我有许多链接（A 元素）样式为“btn”类的按钮，当单击其中一个按钮时，我希望禁用该特定按钮。此代码不起作用：

$('.btn').on('click', function(e) {
    $(this).prop('disabled',true);
});

有很多教程可以防止表单提交按钮的默认事件，然后禁用它，但这并不是我所需要的......

显然，我$this没有指向正确的对象，或者什么=）

- - - - - - 更新 - - - - - - - -

对不起，更新上面。我拥有的元素不是按钮，而是样式为按钮的链接...

Answer 1

不要尝试禁用 Anchor 标签。尝试改为设置 href。

$('.btn').on('click', function(e) {
    e.preventDefault();
    $(this).off("click").attr('href', "javascript: void(0);");
   //add .off() if you don't want to trigger any event associated with this link
});