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

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

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

解决方法:

  1. 在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”,即可。
  2. 在需要显示模态框,初始化时,$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ,backdrop:’static’指的是点击背景空白处不被关闭; keyboard:false指的是触发键盘esc事件时不关闭。

推荐阅读