☰

ブートストラップモーダル領域外のクリックを無効にするとモーダルが閉じる [重複] 質問する

tag-icon • tag-icon javascript css twitter-bootstrap modal-dialog
ブートストラップモーダル領域外のクリックを無効にするとモーダルが閉じる [重複] 質問する

私はいくつかの Bootstrap 'Modals' を使って Bootstrap Web サイトを作成しています。デフォルトの機能のいくつかをカスタマイズしようとしています。

問題はこれです。背景をクリックするとモーダルを閉じることができます。この機能を無効にする方法はありますか? 特定のモーダルのみでですか?

Bootstrap モーダルページ

ベストアンサー1

リンクしたページのオプションの章に、オプションがありますbackdrop。このオプションを値とともに渡すと、'static'モーダルが閉じられなくなります。 @PedroVagner がコメントで指摘したように、を押してモーダルが閉じられないようにすること
もできます。{keyboard: false}Esc

js でモーダルを開く場合は以下を使用します:

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

データ属性を使用する場合は、以下を使用します。

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>`

おすすめ記事