禁止模式窗口关闭背景点击

Question

我正在使用Twitter Bootstrap，我正在创建一个带阴影背景的模态。我希望模态在我点击关闭之前保持不变，当有人点击背景时，不会关闭。

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

Answer 1

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

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

Answer 2

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

data-backdrop="false"

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

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

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