如果用戶單擊其他任何地方，Bootstrap 模式將被關閉..如何防止這種情況發生？

Question

我正在使用 Twitter 的 Bootstrap 模式。

每當用戶單擊屏幕上除模態框以外的任何其他位置時，模態框就會消失。

有什么辦法可以防止這種情況發生，因此用戶必須單擊“關閉”按鈕才能關閉模態嗎？

最好，

Answer 1

你可以傳遞這些選項：

{
  keyboard: false,
  backdrop: 'static'
}

Answer 2

在大多數情況下，模態對話框不是使用Javascript構建的，而是使用標記，在這種情況下，只需在具有class =“modal fade”的div中添加屬性：data-backdrop =“static”。

例：

  <div class="modal fade" id="myModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

Answer 3

在某些情況下，這種替代解決方案可能是有用的。

$('#modalElement').on('hide.bs.modal', function () {
    return false;
});

Answer 4

對於至少 5.0 的新版引導程序，正確的方法是：

 <div class="modal fade" id="carDialog" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="carDialogLabel" aria-hidden="true">

看一下背景和鍵盤：data-bs-backdrop 和 data-bs-keyboard。