尽管该链接被禁用，但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的，我可以使它不可点击吗?我应该使用JavaScript吗?
当前回答
适合我的变体:
<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>
其他回答
适合我的变体:
<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>
当您将鼠标移到href标签上时，href标签中的任何内容都将显示在浏览器窗口的左下角。
我个人认为像javascript:void(0)这样的东西显示给用户是可怕的。
相反，关闭href，使用jQuery/其他工具，添加一个样式规则(如果你仍然需要它看起来像一个链接):
a {
cursor:pointer;
}
超链接没有disabled属性。如果你不想要某些东西被链接，那么你需要移除<a>标签。
或者，你可以删除它的href属性-尽管这有其他的用户体验和可访问性问题，在下面的评论中指出，所以不建议。
<a href=“/” disabled=“true” onclick=“return false”>123</a>
只是补充:这在一般情况下工作，但它不会工作，如果用户已经在浏览器中禁用javascript。
1)你可以选择在你的锚标签上使用Bootstrap 3类来禁用href标签，在集成Bootstrap 3插件do之后
< href=“btn btn-primary disabled”>123n</a>
Or
2)学习如何在浏览器中使用html或js启用javascript。 或者创建一个弹出窗口，告诉用户在使用网站之前启用javascript
在css的帮助下，您将禁用超链接。试试下面的方法
a.disabled { pointer-events:没有; 光标:违约; } <a href=" Link .html" class="disabled">Link</a> .html
