javascript - 禁止模式窗口在背景点击时关闭

Question

我正在使用 Twitter Bootstrap，并且正在创建一个带有阴影背景的模式。我希望模态一直保持到我单击关闭，并且当有人单击背景时它不会关闭。

我找不到解决方案。我知道如何处理背景，但是没有背景。

Answer 1

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

// by default backdrop: true so just set it to static.

Answer 2

在模态中，有一个称为背景的数据属性。您可以将其设置为 true 或 false：

data-backdrop="false"

如果需要背景，也可以将其指定为静态，但单击时不应关闭。

另一个技巧是禁用背景并拥有具有以下属性的自己的背景，以便模式不会在单击时关闭。背景的CSS：

{
position:relative;
height:100%;
width:100%;
background:#000000;
opacity:0.2;
}