将点击事件绑定到 Twitter Bootstrap 中的禁用链接

Question

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 时不会出现。我怎样才能解决这个问题？谢谢。

小提琴：http://jsfiddle.net/VVw8S/

Answer 1

在 Bootstrap 中你可以阅读这段代码：

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
}

如果您想要一个允许点击事件的禁用按钮，只需使用pointer-events: inherit; 覆盖此 CSS。或者干脆在你的第一个链接的类中删除disabled。