尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
当前回答
您需要删除<a>标记来摆脱这个。
或者试着使用:-
<a href="/" onclick="return false;">123n</a>
其他回答
适合我的变体:
<script>
function locker(){
if ($("a").hasClass("locked")) {
$("a").removeClass('locked').addClass('unlocked');
$("a").attr("onClick","return false");
} else {
$("a").css("onclick","true");
$("a").removeClass('unlocked').addClass('locked');
$("a").attr("onClick","");
}
}
</script>
<button onclick="locker()">unlock</button>
<a href="http://some.site.com" class="locked">
<div>
....
<div>
</a>
最好的答案总是最简单的。不需要任何编码。
如果(a)锚标记没有href属性,它只是一个超链接的占位符。所有浏览器均支持!
<a href="/">空闲web计数器</a><br /> <a "/">空闲web计数器</a> .
<a>标签没有禁用属性,这只是为<input>s(和<select>s和<textarea>s)。
要“禁用”一个链接,你可以删除它的href属性,或者添加一个返回false的点击处理程序。
我有一个:
<a href="#">This is a disabled tag.</a>
希望对你有所帮助;)
HTML:
<a href="/" class="btn-disabled" disabled="disabled">123n</a>
CSS:
.btn-disabled,
.btn-disabled[disabled] {
opacity: .4;
cursor: default !important;
pointer-events: none;
}