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

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

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

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

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

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

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

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

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

追加のカスタマイズ:

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

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

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