Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题
2017-02-23 15:17
295 查看
上篇我提到的‘多弹窗之叠加显示不出弹窗问题’
这里也会遇到一次性关闭所有modal引起阴影遮罩的问题,也就是所有modal都关闭了,但是主页面仍然被阴影遮罩.
这个问题从哪来的,是因为modal叠加,我们点击窗口之外的空白部分,一次性关闭所有model,但是modal自己生成的’.modal-backdrop’只关闭了一个,其余的依然存在, 导致阴影遮罩.
这里的解决办法是
1.第一种禁用modal 点击空白自动关闭的功能。
也就是只能点击关闭按钮,一层一层关闭,避免发生多层关闭的问题。
2.第二种在最外层的modal关闭时,手动删除所有遮罩
这里好处是,保留了点击空白自动关闭的功能
以上是我处理的逻辑方式,不妥之处,请指正,谢谢。
name: eric
email: oldlock1988@163.com
这里也会遇到一次性关闭所有modal引起阴影遮罩的问题,也就是所有modal都关闭了,但是主页面仍然被阴影遮罩.
这个问题从哪来的,是因为modal叠加,我们点击窗口之外的空白部分,一次性关闭所有model,但是modal自己生成的’.modal-backdrop’只关闭了一个,其余的依然存在, 导致阴影遮罩.
这里的解决办法是
1.第一种禁用modal 点击空白自动关闭的功能。
tempModal.modal({ backdrop:"static" })
也就是只能点击关闭按钮,一层一层关闭,避免发生多层关闭的问题。
2.第二种在最外层的modal关闭时,手动删除所有遮罩
$("#tempModal").bind('hide.bs.modal',function(){ $(".modal-backdrop").remove(); })
这里好处是,保留了点击空白自动关闭的功能
以上是我处理的逻辑方式,不妥之处,请指正,谢谢。
name: eric
email: oldlock1988@163.com
相关文章推荐
- Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
- Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
- Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
- 移动端弹出阴影遮罩的几点问题和解决方法
- JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
- Bootstrap modal 多弹窗之叠加实现ESC快捷键关闭窗口
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器 点击关闭弹窗 出现第二次无法加载的问题
- C#.NET常见问题(FAQ)-如何捕捉窗体关闭的事件,弹窗确认是否退出
- 安卓开发小问题:关闭/打开输入法弹窗
- 解决二级模态框关闭后,遮罩阴影依然存在,导致页面无法操作的BUG
- 关于bootstrap模态框被灰色阴影遮罩挡住问题的分析
- 解决弹窗遮罩层在拉滚动条发现遮罩层没铺满屏幕的问题
- 解决弹窗遮罩层在拉滚动条发现遮罩层没铺满屏幕的问题
- C#.NET常见问题(FAQ)-如何捕捉窗体关闭的事件,弹窗确认是否退出
- 浅谈利用遮罩实现点击某区域以外时弹窗的弹出与关闭
- watir利用autoit关闭弹窗时出现的问题
- Bootstrap modal 多弹窗之叠加显示不出弹窗问题
- jquery mobile(jm)关于数据的动态交互问题-提交数据关闭ajax
- Cocos2d-x 3.x开发 叠加触摸的问题
- 解决Xshell关闭vim后内容仍停留在屏幕的问题