bootstrap 模态框model点击模态框外部不消失模态框的效果
2017-05-22 17:51
531 查看
由于客户使用是，填写模态框内容时，不小心点击了外部，有需要重新填写，因此需要限制点击外部不消失模态框，只能通过点击模态框的确定按钮或者右上角叉号，消失模态框。
只要在定义模态框时，添加上
只要在定义模态框时，添加上
data-backdrop="static"
属性即可。
如：
<div class="modal fade modal-aside horizontal right addOrUpdatePrivilege in" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="PrivilegeWindow" data-backdrop="static">
//模态框的内容....</div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Bootstrap model的使用及点击外部不消失
- 设置bootstrap模态窗页面点击无法消失
- Bootstrap modal使用及点击外部不消失的解决方法
- iPad模态推出sheet,点击外部消失
- (礼拜三log)前端开发，c foreach 标签 & 点击空白处时禁止Bootstrap模态框消失 & javascript的DFS算法
- Bootstrap的模态框modal插件实现点击协议链接弹出协议详情功能
- Angular4_bootstrap模态框打开关闭，点击背景事件
- BootStrap 模态框禁用空白处点击关闭
- flex 非模态的titlewindow，点击titlewindow外部时的事件
- 非模态的titlewindow,点击外部时的事件
- PopupWindow返回键和点击外部无法消失
- Android popupWindow 点击外部消失，点击外部其他控件触发其他事件
- Js制作点击输入框时默认文字消失的效果
- android popuwindow点击外部窗口不消失
- BootStrap 模态框禁用空白处点击关闭
- Bootstrap模态框禁用空白处点击关闭
- 阻止Bootstrap 模态框点击背景空白处自动关闭
- 阻止Bootstrap 模态框在点击页面空白处关闭方法
- 设计input搜索框提示文字点击消失的效果
- angular 实现modal windows效果（即模态窗口，半透明的遮罩层），以及bootstrap(css,components,js)的初步学习