小编典典

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

all

我正在制作一个带有几个 Bootstrap ‘Modals’ 的引导网站。我正在尝试自定义一些默认功能。

问题是这样的;您可以通过单击背景关闭模式。无论如何要禁用此功能?仅在特定模式上?

引导模式页面


阅读 77

收藏
2022-03-08

共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>`
2022-03-08