是否有一种方法禁用链接使用CSS?
我有一个名为current-page的类,并希望禁用该类的链接,以便在单击它们时不发生任何操作。
是否有一种方法禁用链接使用CSS?
我有一个名为current-page的类,并希望禁用该类的链接,以便在单击它们时不发生任何操作。
当前回答
我在网上搜索了一下,没有比这更好的了。 基本上,要禁用按钮点击功能,只需使用jQuery添加CSS样式,如下所示:
$("#myLink").css({ 'pointer-events': 'none' });
然后再次启用它,这样做
$("#myLink").css({ 'pointer-events': '' });
在Firefox和Internet Explorer 11上进行了检查,可以正常工作。
其他回答
在HTML上应用下面的类。
.avoid-clicks {
pointer-events: none;
}
如果你想在表单上只使用HTML/CSS,另一种选择是使用按钮。设置它的样式并设置disabled属性。
如。 http://jsfiddle.net/cFTxH/1/
演示 试试这个
$('html').on('click', 'a.Link', function(event){
event.preventDefault();
});
简单地使用你的标签没有链接,不包括任何链接属性。
Bootstrap禁用链接
<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>
Bootstrap禁用按钮,但它看起来像链接
<button type="button" class="btn btn-link">Link</button>