外側をクリックしてブートストラップモーダルを閉じることを無効にする方法

ブートストラップ モーダルの終了オプションのカスタマイズ

ブートストラップ モーダルは、追加情報やユーザー入力を表示する便利な方法を提供しますが、デフォルトの動作では閉じます。モーダル領域の外側をクリックすると、望ましくない場合があります。

この機能は無効にできますか?

はい。背景オプションを使用して、モーダル領域の外側をクリックしてモーダルを閉じる機能を無効にできます。

JavaScript を使用した特定のモーダルの場合:

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

データ属性を使用する特定のモーダルの場合:

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

追加のカスタマイズ:

モーダルの動作をさらにカスタマイズするには、次のオプションを使用することもできます。

• backdrop: モーダルに背景があるかどうかを制御します。
• keyboard: を押してモーダルを閉じるかどうかを制御します。 Esc キー。

以上が外側をクリックしてブートストラップモーダルを閉じることを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。