尽管该链接被禁用,但它仍然是可点击的。

<a href="/" disabled="disabled">123n</a>

如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?


当前回答

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

其他回答

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

有一种简单干净的方法:

<a href="/shopcart/">

  <button class="btn" disabled> Make an Order </button>

</a>

默认情况下,在<button>上禁用属性不会让点击通过<button>元素直到<a>元素。所以<a>元素甚至不知道发生了一些点击。通过在<button>上添加/删除禁用属性进行操作。

你可以使用:

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

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

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>

提示1:使用CSS指针事件:无;

JavaScript:void(0) (这是一个最佳实践)

<a href="javascript:void(0)"></a>

使用Jquery $('selector').attr("disabled","disabled");