如何在 jquery 中禁用 <a> 按钮？答案

【问题标题】：How to disable <a> button in jquery?如何在 jquery 中禁用 <a> 按钮？
【发布时间】：2020-10-22 23:28:21
【问题描述】：

我在<a> 标签中有一个按钮，如下所示。

<a type="button" href="{{ url('/team') }}" class="btn btn-primary team">Team</a>

我想在某些情况下禁用此按钮，所以我使用 jquery 来禁用。我实现了类似下面的东西。

$('.team').prop("disabled", true);

但它并没有被禁用。如果我使用 <button> 而不是 <a> 它可以工作。有什么解决办法吗？

【问题讨论】：

【解决方案1】：

试试这个，bootstrap 也有一个 disabled 类，它会将光标置于默认箭头和样式，如 disabled item。

$('.team').addClass("disabled");

【讨论】：

是的，我从上面的答案中删除了.prop("disabled", true)。现在它也在工作。所以答案会像$('.team').addClass("disabled");

【解决方案2】：

当您不希望用户在点击时重定向时试试这个

&lt;a href="javascript: void(0)"&gt;I am a useless link&lt;/a&gt;

【讨论】：

【解决方案3】：

作为选项之一，您可以将按钮放在块中

<div id="btdis"><a type="button" href="{{ url('/team') }}" class="btn btn-primary team">Team</a></div>

如果需要禁用

document.getElementById('btdis').innerHTML='';

如果需要启用

document.getElementById('btdis').innerHTML='<a type="button" href="{{ url('/team') }}" class="btn btn-primary team">Team</a>'

【讨论】：