禁用引导模态区域之外的单击以关闭模态

小编典典

css

我正在制作一个Bootstrap网站，其中包含几个Bootstrap’Modals’。我正在尝试自定义一些默认功能。

问题是这样；您可以通过单击背景关闭模态。反正有禁用此功能？仅在特定模态上？

阅读 268

2020-05-16

共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>`

2020-05-16