禁用在引导模式区域之外单击以关闭模式

Question

我正在制作一个带有几个 Bootstrap ‘Modals’ 的引导网站。

我正在尝试自定义一些默认功能。

问题是这样的；

您可以通过单击背景关闭模式。

无论如何要禁用此功能？

仅在特定模式上？

引导模式页面

原文由 Egghead 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 1

在选项章节中，在您链接的页面中，您可以看到 backdrop 选项。使用值为 'static' 传递此选项将阻止关闭模式。

正如@PedroVagner 在评论中指出的那样，您还可以通过 {keyboard: false} 来防止按 Esc 关闭模式。

如果您通过 js 打开模态，请使用：

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

如果您使用数据属性，请使用：

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 Launch demo modal
 </button>`

原文由 Doguita 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这是最简单的

您可以定义模态行为，定义数据键盘和数据背景。

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

原文由 Sushan 发布，翻译遵循 CC BY-SA 3.0 许可协议