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

如何防止 Bootstrap 模態框在外部點擊時關閉?

Mary-Kate Olsen
發布: 2024-11-10 02:00:02
原創
689 人瀏覽過

How to Prevent Bootstrap Modals from Closing on Outside Click?

在外部點擊時禁用Bootstrap 模態關閉

Bootstrap 模態的預設行為是允許透過點擊外部任意位置來關閉它們模態內容區域。但是,在某些情況下,您可能希望防止這種行為並停用透過點擊外部來關閉模式的功能。

自訂選項

要實現此目的,您可以使用Bootstrap 提供的以下選項:

1.背景:

將背景選項設為靜態將阻止點擊背景時模式關閉。

2.鍵盤:

將鍵盤選項設為 false 會阻止按 Esc (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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板