JavaScript/jQueryでクラス<button>
または<input>
を持つ<a>
、.btn
または.btn-primary
要素を無効にすることになると、私は混乱します。
そのために次のスニペットを使用しました。
$('button').addClass('btn-disabled');
$('button').attr('disabled', 'disabled');
$('button').prop('disabled', true);
そのため、$('button').addClass('btn-disabled');
を自分の要素に提供しただけでは、視覚的に無効として表示されますが、機能は変わりませんが、クリック可能になります。そのため、attr
およびprop
設定を要素に追加した理由。
誰かがこの同じ問題をそこで期限切れにしましたか? TwitterのBootstrapを使用している間 - これはこれを行うための正しい方法ですか?
あなたは$('button').prop('disabled', true);
部分を必要とするだけで、ボタンは自動的に無効化されたクラスを取ります。
入力とボタンの場合:
$('button').prop('disabled', true);
アンカーの場合:
$('a').attr('disabled', true);
Firefoxでチェックイン、クロム。
http://jsfiddle.net/czL54/2/ /を参照してください。
jeroenk's answer を築き上げると、次のようになります。
$('button').addClass('disabled'); // Disables visually
$('button').prop('disabled', true); // Disables visually + functionally
$('input[type=button]').addClass('disabled'); // Disables visually
$('input[type=button]').prop('disabled', true); // Disables visually + functionally
$('a').addClass('disabled'); // Disables visually
$('a').prop('disabled', true); // Does nothing
$('a').attr('disabled', 'disabled'); // Disables visually
fiddle を参照してください。
これを行う最も簡単な方法は、元の質問で行ったようにdisabled
属性を使用することです。
<button class="btn btn-disabled" disabled>Content of Button</button>
今のところ、Twitter Bootstrapにはdisabled
属性を使わずにボタンの機能を無効にする方法はありません。
それにもかかわらず、これは彼らが彼らのjavascriptライブラリに実装するための優れた機能となるでしょう。
<div class="bs-example">
<button class="btn btn-success btn-lg" type="button">Active</button>
<button class="btn btn-success disabled" type="button">Disabled</button>
</div>