<a>标签没有禁用属性，这只是为<input>s(和<select>s和<textarea>s)。

要“禁用”一个链接，你可以删除它的href属性，或者添加一个返回false的点击处理程序。

您可以使用以下解决方案之一:

HTML

<a>link</a>

JavaScript

<a href="javascript:function() { return false; }">link</a>
<a href="/" onclick="return false;">link</a>

CSS

<a href="www.page.com" disabled="disabled">link</a>

<style type="text/css">
    a[disabled="disabled"] {
        pointer-events: none;
    }
</style>

如果你正在使用WordPress，我创建了一个插件，可以做到这一点，而且不需要知道如何编码任何东西。你所需要做的就是添加你想要禁用的链接的选择器，然后从出现的下拉菜单中选择“在新选项卡中禁用使用此选择器的所有链接”，然后单击更新。

点击这里查看演示这一点的动图

你可以从WordPress.org插件库中获得免费版本来尝试一下。

最好的答案总是最简单的。不需要任何编码。

如果(a)锚标记没有href属性，它只是一个超链接的占位符。所有浏览器均支持!

<a href="/">空闲web计数器</a><br /> <a "/">空闲web计数器</a> .

我看到这里已经贴出了大量的答案，但我不认为有任何明确的答案可以将前面提到的方法结合到我发现的有效方法中。这是为了使链接既显示为禁用，也不会将用户重定向到另一个页面。

这个答案假设你正在使用jquery和bootstrap，并使用另一个属性临时存储href属性，而禁用。

//situation where link enable/disable should be toggled
function toggle_links(enable) {
    if (enable) {
        $('.toggle-link')
        .removeClass('disabled')
        .prop('href', $(this).attr('data-href'))
    }
    else {
        $('.toggle-link')
        .addClass('disabled')
        .prop('data-href', $(this).prop('href'))
        .prop('href','#')
    }

a.disabled {
  cursor: default;
}

<a href=“/” disabled=“true” onclick=“return false”>123</a>

只是补充:这在一般情况下工作，但它不会工作，如果用户已经在浏览器中禁用javascript。

1)你可以选择在你的锚标签上使用Bootstrap 3类来禁用href标签，在集成Bootstrap 3插件do之后

< href=“btn btn-primary disabled”>123n</a>

Or

2)学习如何在浏览器中使用html或js启用javascript。 或者创建一个弹出窗口，告诉用户在使用网站之前启用javascript