Bootstrap 模态框避免点击背景处关闭

最新推荐文章于 2025-08-11 11:05:40 发布

原创最新推荐文章于 2025-08-11 11:05:40 发布 · 3.7w 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

问题解决专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何通过设置属性来禁用Bootstrap模态框的自动关闭功能，包括阻止点击背景空白处关闭模态框及禁用ESC键关闭。

                    
                    问题： Bootstrap 模态框在用户点击背景空白处时，会自动关闭。

解决方法：

在HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可。
在需要显示模态框，初始化时，$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 

其中 ，backdrop：’static’指的是点击背景空白处不被关闭； 

  keyboard:false指的是触发键盘esc事件时不关闭。