禁止Twitter Bootstrap模式窗口关闭

2018-06-29 23:44:42

我正在使用Twitter Bootstrap创建一个模式窗口。默认行为是，如果您在模态区域外单击，模态会自动关闭。我想禁用它 - 即在模式外单击时不关闭模式窗口。

有人可以分享jQuery代码来做到这一点吗？

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

例：

<a data-controls-modal="your_div_id"
   data-backdrop="static"
   data-keyboard="false"
   href="#">

或者如果您使用的是JavaScript：

$('#myModal').modal({
  backdrop: 'static',
  keyboard: false
});

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

$('#myModal').modal({
  backdrop: 'static',
  keyboard: true
})

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

$('#myModal').modal({
  backdrop: 'static',
  keyboard: false
})

myModal是包含模态内容的div的ID。

您也可以在模态定义本身中包含这些属性：

<div class="modal hide fade" data-keyboard="false" data-backdrop="static">

链接地址: http://www.djcxy.com/p/83683.html