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

时间:2012-12-24 14:04:57

标签: javascript jquery twitter-bootstrap

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

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

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

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

data-backdrop="false"

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

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

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