bootstrap 模态框(modal)点击空白处和ESC不关闭的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap 模态框(modal)点击空白处和ESC不关闭的方法相关的知识,希望对你有一定的参考价值。

参考技术A bootstrap 模态框(modal)默认点击非模态框部分和键盘esc会关闭模态框,但是有时会有需求不允许关闭,所以介绍一下实现这种需求的两种方法。

第一种:使用js

$('#modal').modal(backdrop: 'static', keyboard: false);

backdrop:static时,空白处不关闭.

keyboard:false时,esc键盘不关闭.

第二种:使用属性

data-backdrop="static" data-keyboard="false"

如:

以上是关于bootstrap 模态框(modal)点击空白处和ESC不关闭的方法的主要内容,如果未能解决你的问题,请参考以下文章

BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中

为啥点击模态框的时候为自动生成两个div元素modal-backdrop

bootstrap模态框背景灰色,按钮全部无法点击,求解决办法

bootstrap种modal怎么关闭

Bootstrap 显示多个模态框(modal)

Bootstrap 模态框(Modal)使用