如果用户单击其他任何地方，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。