我有一个链接按钮内<td>，我必须禁用。这适用于IE，但不适用于Firefox和Chrome。
我尝试了以下所有方法，但在Firefox(使用1.4.2 js)上都无法工作:
$(".myLink").attr('disabled', 'disabled');
$(".myLink").attr('disabled', true);
$(".myLink").attr('disabled', 'true');
注意-我不能注销锚标记的点击功能，因为它是动态注册的。我必须在禁用模式下显示链接。
当前回答
我最终得到了下面的解决方案，它可以使用一个属性，<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();
})
其他回答
在css中得到修复。
td.disabledAnchor a{
pointer-events: none !important;
cursor: default;
color:Gray;
}
以上css应用于锚标记时将禁用点击事件。
详情请查看此链接
我会这样做
$('td').find('a').each(function(){
$(this).addClass('disabled-link');
});
$('.disabled-link').on('click', false);
像这样的东西应该有用。您为想要禁用的链接添加一个类，然后在有人单击它们时返回false。要启用它们，只需删除该类。
只需添加一个css属性:
<style>
a {
pointer-events: none;
}
</style>
这样做可以禁用锚标记。
你可以禁用HTML链接，如下所示:
<style>
.disabled-link {
pointer-events: none;
}
</style>
<a href="https://google.com" class="disabled-link">Google.com</a>
你可以使用内联JavaScript:
<a href="javascript:void(0)">Google.com</a>
我建议将链接转换为按钮，并使用“disabled”属性。您可以查看这个问题，以检查如何将链接转换为按钮:如何创建一个充当链接的HTML按钮
