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不关闭的方法的主要内容,如果未能解决你的问题,请参考以下文章