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

Question

我正在使用Twitter的Bootstrap模式.

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

有没有办法可以防止这种情况,所以用户必须单击关闭按钮才能解除模态？

最好,

Answer 1

在大多数情况下,模态对话框不是使用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 2

你可以传递这些选项:

{
  keyboard: false,
  backdrop: 'static'
}

Answer 3

在某些情况下,这种替代解决方案可能是有用的.

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