HTML:
<a id="foo" href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>
<a id="bar" href="#" class="btn btn-default btn-lg" role="button">Link</a>
jQuery的:
$("#foo,#bar").click(function(e){
e.preventDefault();
alert('click');
});
点击#bar
时会显示提醒,但点击#foo
时则不会显示。我怎样才能解决这个问题?谢谢。
答案 0 :(得分:4)
在Bootstrap中,您可以阅读以下代码:
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
pointer-events: none;
}
如果您想要一个允许点击事件的禁用按钮,只需用pointer-events: inherit;
覆盖此CSS。或者只需删除第一个链接类中的disabled
。