如果用户点击其他任何地方，Bootstrap模式将被解除..如何防止这种情况？

Question

我正在使用Twitter的Bootstrap模式。

只要用户点击屏幕上除模式之外的任何其他位置，模态就会被取消。

有没有办法阻止这种情况，所以用户必须点击关闭按钮才能解除模态？

最佳，

Answer 1

您可以传递以下选项：

{
  keyboard: false,
  backdrop: 'static'
}

Answer 2

在大多数情况下，模态对话框不是使用Javascript构建的，而是使用标记，在这种情况下，只需添加属性：data-backdrop =＆＃34; static＆＃34;在具有class =＆＃34; modal fade＆＃34;的div中。

示例：

  <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;
});