Twitter Bootstrap モーダルウィンドウが閉じないようにする 質問する

Twitter Bootstrap モーダルウィンドウが閉じないようにする 質問する

Twitter Bootstrap を使用してモーダル ウィンドウを作成しています。デフォルトの動作では、モーダル領域の外側をクリックすると、モーダルは自動的に閉じます。これを無効にしたい、つまり、モーダルの外側をクリックしてもモーダル ウィンドウが閉じないようにしたいです。

これを実現するための jQuery コードを共有してくれる人はいますか?

ベストアンサー1

背景値をstaticに設定する必要があると思います。キーの使用時にウィンドウが閉じないようにするにはEsc、別の値を設定する必要があります。

例:

<a data-controls-modal="your_div_id"
   data-backdrop="static"
   data-keyboard="false"
   href="#">

または、JavaScript を使用している場合:

$('#myModal').modal({
  backdrop: 'static',
  keyboard: false
});

おすすめ記事