首頁 > web前端 > css教學 > 如何防止 Bootstrap 模態框在背景點擊時關閉?

如何防止 Bootstrap 模態框在背景點擊時關閉?

Patricia Arquette
發布: 2024-11-10 09:05:02
原創
503 人瀏覽過

How to Prevent Bootstrap Modals from Closing on Background Click?

在後台點擊時停用Bootstrap 模態關閉

問題:

問題:解決方案:

要停用特定模態的後台關閉功能,請使用以下選項:

停用後台關閉的選項:

  • backdrop:
  • 指定值為static 的背景選項,以防止模態框在後台點擊時關閉。
  • 鍵盤:
  • 將鍵盤設為 false 以停用使用 Esc 鍵的模式關閉。

JavaScript 中的用法:

$('#myModal').modal({backdrop: 'static', keyboard: false});
登入後複製

與資料屬性一起使用:

<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
</button>
登入後複製

與資料屬性一起使用:與資料屬性一起使用:與資料屬性一起使用:透過套用這些選項,您可以選擇性地停用某些模態的背景關閉,同時為其他模態保留後台關閉。

以上是如何防止 Bootstrap 模態框在背景點擊時關閉?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板