尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
当前回答
最好的答案总是最简单的。不需要任何编码。
如果(a)锚标记没有href属性,它只是一个超链接的占位符。所有浏览器均支持!
<a href="/">空闲web计数器</a><br /> <a "/">空闲web计数器</a> .
其他回答
超链接没有disabled属性。如果你不想要某些东西被链接,那么你需要移除<a>标签。
或者,你可以删除它的href属性-尽管这有其他的用户体验和可访问性问题,在下面的评论中指出,所以不建议。
提示1:使用CSS指针事件:无;
JavaScript:void(0) (这是一个最佳实践)
<a href="javascript:void(0)"></a>
使用Jquery $('selector').attr("disabled","disabled");
我有一个:
<a href="#">This is a disabled tag.</a>
希望对你有所帮助;)
你可以通过返回false来禁用锚标记。在我的情况下,我使用angular和ng-disabled的Jquery手风琴,我需要禁用部分。
所以我创建了一个小js片段来解决这个问题。
<a class="opener" data-toggle="collapse"
data-parent="#shipping-detail"
id="shipping-detail-section"
href="#shipping-address"
aria-expanded="true"
ng-disabled="checkoutState.addressSec">
Shipping Address</a>
<script>
$("a.opener").on("click", function () {
var disabled = $(this).attr("disabled");
if (disabled === 'disabled') {
return false;
}
});
</script>
如果你只是想暂时禁用链接,但留下href在那里启用以后(这是我想做的),我发现所有的浏览器使用第一个href。因此,我能够这样做:
<a class="ea-link" href="javascript:void(0)" href="/export/">Export</a>