ホームページ > ウェブフロントエンド > CSSチュートリアル > バックグラウンドクリックでブートストラップモーダルが閉じないようにするにはどうすればよいですか?

バックグラウンドクリックでブートストラップモーダルが閉じないようにするにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-10 09:05:02
オリジナル
491 人が閲覧しました

How to Prevent Bootstrap Modals from Closing on Background Click?

バックグラウンドでのブートストラップ モーダル クロージャの無効化クリック

問題:

ブートストラップ モーダルで、クリックモーダル領域の外にある場合は、モーダルが自動的に閉じます。この動作は、特定のシナリオでは望ましくない場合があります。

解決策:

特定のモーダルのバックグラウンド クロージャー機能を無効にするには、次のオプションを利用します。

バックグラウンドを無効にするオプションClosure:

  • backdrop: 背景のクリックでモーダルが閉じないようにするには、背景オプションを static の値で指定します。
  • キーボード: Esc キーを使用したモーダル クロージャーを無効にするには、キーボードを false に設定します。 key.

JavaScript での使用:

$('#myModal').modal({backdrop: 'static', keyboard: false});
ログイン後にコピー

データ属性での使用:

<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
</button>
ログイン後にコピー

これらのオプションを適用すると、特定のモーダルのバックグラウンド クロージャを維持しながら、選択的にバックグラウンド クロージャを無効にすることができます。他の人のために。

以上がバックグラウンドクリックでブートストラップモーダルが閉じないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート