☰

外側をクリックしたり、Esc キーを押したりしても Bootstrap モーダルが消えないようにするには? [重複] 質問する

tag-icon • tag-icon html twitter-bootstrap modal-dialog
外側をクリックしたり、Esc キーを押したりしても Bootstrap モーダルが消えないようにするには? [重複] 質問する

Twitter Bootstrap モーダルをウィザード ウィンドウとして使用していますが、ユーザーがモーダルの外側をクリックしたり、Esc キーを押したりしてもモーダルが閉じないようにしたいと考えています。代わりに、ユーザーが [完了] ボタンを押したときに閉じるようにしたいと考えています。このシナリオを実現するにはどうすればよいでしょうか。

ベストアンサー1

JavaScript を使用する場合:

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

「表示」の場合

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

または HTML の場合:

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

おすすめ記事