编程语言
首页 > 编程语言> > javascript – 禁用在bootstrap模态区域外单击以关闭模态

javascript – 禁用在bootstrap模态区域外单击以关闭模态

作者:互联网

我正在制作一个引导程序网站,有几个Bootstrap’Modals’.
我正在尝试自定义一些默认功能.

问题是这个;
您可以通过单击背景关闭模态.
无论如何禁用此功能?
仅限于特定模态?

Bootstrap modal page

解决方法:

在选项章节中,在您链接的页面中,您可以看到背景选项.使用值“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>`

标签:javascript,css,twitter-bootstrap,modal-dialog
来源: https://codeday.me/bug/20190918/1810367.html