Model模态框点击其他除了模态框区域不消失
2017-10-21 15:17
1786 查看
问题:
相信许多的小伙伴在使用Model(模态框)的时候都遇到多一个问题,就是在使用模态框时,在模态框中编辑一些信息,点击黑色区域(就是除了×号和按钮的暗色区域),模态框会消失,而再次打开模态框是,原来编辑的信息还在,十分的烦恼,那么怎么解决这个问题呢?
解决:
案例:
相信许多的小伙伴在使用Model(模态框)的时候都遇到多一个问题,就是在使用模态框时,在模态框中编辑一些信息,点击黑色区域(就是除了×号和按钮的暗色区域),模态框会消失,而再次打开模态框是,原来编辑的信息还在,十分的烦恼,那么怎么解决这个问题呢?
解决:
data-backdrop="static"
案例:
<div class="modal fade" id="add" tabindex="-1" role="dialog" data-backdrop="static" > //在模态框在最外层添加data-backdrop="static"就可以使模态框点击除了×号和关闭按钮外的其他区域不消失。
相关文章推荐
- 模态弹窗,点击黑色半透明区域消失
- android alertdialog 点击其他区域消失
- 关于模态弹窗点击灰色区域消失
- 如何使Dialog可以通过点击其他区域消失
- 如何使Dialog可以通过点击其他区域消失。
- Dialog点击其他区域消失
- 模态弹窗(对话框)点击灰色区域消失
- React-Native学习之 图片做背景 modal 点击其他区域消失
- android dialog点击其他区域消失
- 关于模态弹窗点击灰色区域消失
- android之AlertDialog 点击其他区域自动消失
- android之AlertDialog 点击其他区域自动消失
- bootstrap 弹出框点击其他区域时弹出框不消失选项设置
- android之AlertDialog 点击其他区域自动消失
- android之AlertDialog 点击其他区域自动消失
- android:Dialog点击其他区域消失
- android:Dialog点击其他区域消失
- Dialog-点击旁边的区域Dialog弹出框不消失
- vue2.0 点击其他区域关闭自定义div
- 点击文本输入控件,默认文本消失,点击其他地方再次恢复