阻止Bootstrap 模态框点击背景空白处自动关闭
2017-12-27 19:11
716 查看
问题描述
模态框点击空白处,会自动关闭,怎么阻止关闭事件呢?解决方法
在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”,即可。<!-- 模态框(Modal) --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" aria-labelledby="myModalLabel"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> 模态框(Modal)标题 </h4> </div> <div class="modal-body"> 在这里添加一些文本 </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭 </button> <button type="button" class="btn btn-primary"> 提交更改 </button> </div> </div><!-- /.modal-content --> </div><!-- /.modal -->
在需要显示模态框,初始化时,$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ,backdrop:’static’指的是点击背景空白处不被关闭; keyboard:false指的是触发键盘esc事件时不关闭。
相关文章推荐
- Bootstrap 模态框在用户点击背景空白处时会自动关闭
- 禁用 Bootstrap 模态框(Modal) 点击空白时自动关闭
- bootstrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- BootStrap点击保存后实现模态框自动关闭的思路(模态框)
- BootStrap 模态框禁用空白处点击关闭
- Bootstrap 模态框避免点击背景处关闭
- Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
- 阻止Bootstrap 模态框在点击页面空白处关闭方法
- Angular4_Bootstrap 模态框避免点击背景处关闭(ng-bootstrap)
- Bootstrap 模态框避免点击背景处关闭
- bootstrap 监听点击关闭事件以及禁用空白处点击自动关闭
- BootStrap 模态框禁用ESC关闭、禁用点击空白处关闭
- BootStrap 模态框禁用空白处点击关闭
- BootStrap 3 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭[转]
- Bootstrap框架 模态框插件 禁止点击空白处关闭模态框事件
- BootStrap 模态框禁用ESC关闭、禁用点击空白处关闭
- BootStrap 模态框禁用空白处点击关闭
- Angular4_bootstrap模态框打开关闭,点击背景事件