javascript - 使用 jQuery 单击后禁用链接

Question

我有许多链接(A 元素)STYLED AS 类为“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
});