如何设置bootstrap modal使其点击对话框外的灰色背景不退出？

Posted 2023-04-07

参考技术A $(\'#myModal\').modal("hide");\\x0d\\x0a$(\'#myModal\').modal(\\x0d\\x0abackdrop: false,//点击空白处不关闭对话框\\x0d\\x0akeyboard: false,//键盘关闭对话框\\x0d\\x0ashow:true//弹出对话框\\x0d\\x0a);

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"

如：