[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件
2022-04-03 20:02:17
質問
Twitterのbootstrap Modalダイアログを使用しています。bootstrapのモーダルダイアログの送信ボタンをクリックすると、AJAXリクエストが送信されます。私の問題は、モーダル-バックドロップが消えないことです。モーダルダイアログは正しく消えますが、代わりに "modal-backdrop in" が表示され、画面上に不透明度が残ります。
どうしたらいいでしょうか?
解決方法は?
AJAXリクエストを行うときに、実際のモーダルウィンドウを含むコンテナを置き換えていないことを確認してください。Ajax complete handler でモーダルを削除してから、データを置き換えます。
それでもうまくいかない場合は、次のようにして、いつでも強制的に消すことができます。
$('#your-modal-id').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
関連
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Bootstrapのモーダルが背景の下に表示される
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み】Twitter bootstrapのリモートモーダルでは、毎回同じコンテンツが表示される
-
[解決済み】Twitter Bootstrapのクリック時のツールチップの内容を変更する
-
[解決済み】Bootstrap Modalがすぐに消えてしまう。
-
[解決済み] Bootstrapがline-heightプロパティを1.428571429に設定する理由は何ですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap:Bootstrapのバージョンを識別する方法は?
-
[解決済み] Bootstrap 4.1のbd-highlightとは何ですか?
-
[解決済み] bootstrapのモーダルエリアの外をクリックしてモーダルを閉じないようにする【重複】。
-
[解決済み】Bootstrapを使用したフォームのマークエラーについて
-
[解決済み】Font-awesome、入力タイプ'submit'
-
[解決済み】Twitter Bootstrapのポップオーバーを外側のクリックで解除する方法は?
-
[解決済み】これらの属性は何ですか。アリア・ラベリングビー`とアリア・ヒドゥン`です。
-
[解決済み] Bootstrap 4: ドロップダウンメニューが画面の右側にずれていく
-
[解決済み] Twitter Bootstrapのモーダルでエスケープキーを使って閉じる機能を有効にするにはどうしたらいいですか?
-
[解決済み] Bootstrapがline-heightプロパティを1.428571429に設定する理由は何ですか?