您需要删除<a>标记来摆脱这个。

或者试着使用:-

  <a href="/" onclick="return false;">123n</a>

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

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

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

这个答案假设你正在使用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;
}

我们不能直接禁用它，但我们可以这样做:

添加类型=“按钮”。 删除href=""属性。 添加disabled属性，这样它就会显示通过更改游标而禁用游标并使游标变暗。

PHP的例子:

<?php
if($status=="Approved"){ 
?>
  <a type="button" class="btn btn-primary btn-xs" disabled> EDIT
     </a>
  <?php    
}else{
?>
  <a href="index.php" class="btn btn-primary btn-xs"> EDIT
    </a>
  <?php    
}
?>

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

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

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

我能够使用ng-href三元操作实现所需的结果

<a ng-href="{{[condition] ? '' : '/'}}" ng-class="{'is-disabled':[condition]}">123n</a>

在哪里

a.is-disabled{
   color: grey;
   cursor: default;

   &:hover {
      text-decoration: none;
   }
}