jquery - 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;
}

クリック イベントを許可する無効なボタンが必要な場合は、この CSS を で上書きするだけpointer-events: inherit;です。またはdisabled、最初のリンクのクラスを削除するだけです。