1. ホーム
  2. javascript

[解決済み] bootstrapのモーダルエリアの外をクリックしてモーダルを閉じないようにする【重複】。

2022-03-18 16:31:24

質問

私はBootstrapのウェブサイトを作成しており、Bootstrapの「モーダル」をいくつか使っています。 デフォルトの機能のいくつかをカスタマイズしようとしています。

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

Bootstrap モーダルページ

解決するには?

オプションの章では、リンク先のページで backdrop というオプションがあります。このオプションに値を渡すと 'static' は、モーダルを閉じないようにします。
また、@PedroVagner がコメントで指摘しているように、このメソッドは {keyboard: false} を押してモーダルを閉じないようにするためです。 エスケープ .

jsでモーダルを開く場合は、以下のようにします。

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

データ属性を使用する場合、使用してください。

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