44

我正在使用 Twitter 的 Bootstrap 模式。

每当用户单击屏幕上除模态框外的任何其他位置时,都会关闭模态框。

有没有办法可以防止这种情况,所以用户必须单击关闭按钮来关闭模式?

最好的,

4

3 回答 3

64

在大多数情况下,模态对话框不是使用 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">
于 2014-04-01T21:52:28.337 回答
54

你可以通过这些选项:

{
  keyboard: false,
  backdrop: 'static'
}
于 2012-11-10T06:52:04.650 回答
6

在某些情况下,这种替代解决方案可能很有用。

$('#modalElement').on('hide.bs.modal', function () {
    return false;
});
于 2016-08-15T15:46:15.080 回答