[解決済み】TwitterのBootstrapでボタンを無効化するベストな方法【重複あり
2022-04-15 14:01:10
質問
を無効化する際に混乱しています。
<button>
,
<input>
または
<a>
要素にクラスを指定します。
.btn
または
.btn-primary
JavaScript/jQueryを使用しています。
そのために、以下のスニペットを使っています。
$('button').addClass('btn-disabled');
$('button').attr('disabled', 'disabled');
$('button').prop('disabled', true);
ということで、そのまま提供すると
$('button').addClass('btn-disabled');
を追加すると、視覚的には無効になっているように見えますが、機能は同じであり、クリックすることができます。
attr
と
prop
の設定を要素に追加します。
この同じ問題を経験した人はいますか?TwitterのBootstrapを使いながら、この方法は正しいのでしょうか?
解決方法は?
を使用する必要があります。
$('button').prop('disabled', true);
の部分があれば、ボタンは自動的に disabled クラスになります。
関連
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] jQueryの送信ボタンの無効化・有効化
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
-
[解決済み] [Solved] Uncaught TypeError: nullのプロパティ 'appendChild' を読み取ることができない。
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】WebSocket接続に失敗しました。WebSocket のハンドシェイク中にエラーが発生しました。予期しない応答コードです。400
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)