如果用户点击其他任何地方，Bootstrap模式会关闭。如何防止这种情况发生？

Question

我正在使用Twitter的Bootstrap模式。

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

有没有一种方法可以防止这种情况，所以用户必须点击关闭按钮来关闭模式？

最佳，

Answer 1

您可以通过这些选项：

{ 
    keyboard: false, 
    backdrop: 'static' 
} 

Answer 2

在大多数情况下，不使用Javascript，而它使用的标记，在这种情况下构建的模态对话框，只需添加属性： data-backdrop =“static”在class =“modal fade”的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; 
});