我有一个:

<a href="#">This is a disabled tag.</a>

希望对你有所帮助;)

$(document).ready(function() {
   $('a').click(function(e) {
     e.preventDefault();
  });
});

HTML:

<a href="/" class="btn-disabled" disabled="disabled">123n</a>

CSS:

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

我有一个:

<a href="#">This is a disabled tag.</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>标签没有禁用属性，这只是为<input>s(和<select>s和<textarea>s)。

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