[解決済み] bootstrapのモーダルエリアの外をクリックしてモーダルを閉じないようにする【重複】。
2022-03-18 16:31:24
質問
私は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>`
関連
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] React-routerのURLを更新したり、手動で書き込んだりするとうまくいかない
-
[解決済み] Bootstrapのモーダルが背景の下に表示される
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み】Twitter Bootstrapでモーダル閉鎖イベントを処理する方法は?
-
[解決済み】Bootstrap Modalがすぐに消えてしまう。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】SyntaxError: JSONの位置1に予期しないトークンoがある。
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Bootstrap Modalが外部をクリックしたり、escapeを押したりすると消えるのを防ぐには?重複
-
[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件