1. ホーム
  2. twitter-bootstrap

[解決済み】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();