我有一个链接按钮内<td>，我必须禁用。这适用于IE，但不适用于Firefox和Chrome。
我尝试了以下所有方法，但在Firefox(使用1.4.2 js)上都无法工作:
$(".myLink").attr('disabled', 'disabled');
$(".myLink").attr('disabled', true);
$(".myLink").attr('disabled', 'true');
注意-我不能注销锚标记的点击功能，因为它是动态注册的。我必须在禁用模式下显示链接。
当前回答
在Razor (.cshtml)你可以做:
@{
var isDisabled = true;
}
<a href="@(isDisabled ? "#" : @Url.Action("Index", "Home"))" @(isDisabled ? "disabled=disabled" : "") class="btn btn-default btn-lg btn-block">Home</a>
其他回答
我认为很多人都想多了。添加一个你想要的类，比如disabled_link。然后使css具有.disabled_link {display: none} 现在用户不能看到链接，所以你不必担心他们点击它。如果他们做了一些事情来满足链接是可点击的，只需删除类jQuery: $("a.disabled_link"). removeclass ("super_disabled")。做得繁荣!
禁用在触摸设备上访问另一个页面的链接:
if (control == false)
document.getElementById('id_link').setAttribute('href', '#');
else
document.getElementById('id_link').setAttribute('href', 'page/link.html');
end if;
Bootstrap 4.1提供了一个名为disabled的类和aria-disabled="true"属性。
例子”
<a href="#"
class="btn btn-primary btn-lg disabled"
tabindex="-1"
role="button" aria-disabled="true"
>
Primary link
</a>
更多内容请访问getbootstrap.com
如果你想动态地创建它，你不想关心它是button还是ancor than 在JS脚本中你需要这样的东西
let $btn=$('.myClass');
$btn.attr('disabled', true);
if ($btn[0].tagName == 'A'){
$btn.off();
$btn.addClass('disabled');
$btn.attr('aria-disabled', true);
}
但是要小心
该解决方案仅适用于具有btn btn-link类的链接。
有时bootstrap建议使用card-link类，在这种情况下解决方案将不起作用。
在Razor (.cshtml)你可以做:
@{
var isDisabled = true;
}
<a href="@(isDisabled ? "#" : @Url.Action("Index", "Home"))" @(isDisabled ? "disabled=disabled" : "") class="btn btn-default btn-lg btn-block">Home</a>
我最终得到了下面的解决方案，它可以使用一个属性，<a href="…"disabled ="disabled">，或一个类<a href="…" class="disabled">:
CSS样式:
a[disabled=disabled], a.disabled {
color: gray;
cursor: default;
}
a[disabled=disabled]:hover, a.disabled:hover {
text-decoration: none;
}
Javascript(在jQuery准备好):
$("a[disabled], a.disabled").on("click", function(e){
var $this = $(this);
if ($this.is("[disabled=disabled]") || $this.hasClass("disabled"))
e.preventDefault();
})
