禁止关闭Twitter Bootstrap模态窗口

Question

我正在使用Twitter Bootstrap创建模式窗口。默认行为是，如果您在模态区域之外单击，模态将自动关闭。我想禁用它-即在模态外部单击时不关闭模态窗口。有人可以共享jQuery代码来执行此操作吗？

Answer 1

我相信您要将背景值设置为static。如果要避免在使用Esc键时关闭窗口，则必须设置另一个值。

例：

<a data-controls-modal="your_div_id"

   data-backdrop="static"

   data-keyboard="false"

   href="#">

或者，如果您使用的是JavaScript：

$('#myModal').modal({

  backdrop: 'static',

  keyboard: false

Answer 2

只需将backdrop属性设置为即可'static'。

$('#myModal').modal({

  backdrop: 'static',

  keyboard: true

})

您可能还希望将keyboard属性设置为，false因为这样可以防止通过按Esc键盘上的键来关闭模式。

$('#myModal').modal({

  backdrop: 'static',

  keyboard: false

})

myModal 是包含您的模式内容的div的ID。