Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
2017-02-27 11:51
609 查看
上篇我提到的‘多弹窗之叠加显示不出弹窗问题'
这里也会遇到一次性关闭所有modal引起阴影遮罩的问题,也就是所有modal都关闭了,但是主页面仍然被阴影遮罩.
这个问题从哪来的,是因为modal叠加,我们点击窗口之外的空白部分,一次性关闭所有model,但是modal自己生成的'.modal-backdrop'只关闭了一个,其余的依然存在, 导致阴影遮罩.
这里的解决办法是
1.第一种禁用modal 点击空白自动关闭的功能。
tempModal.modal({ backdrop:"static" })
也就是只能点击关闭按钮,一层一层关闭,避免发生多层关闭的问题。
2.第二种在最外层的modal关闭时,手动删除所有遮罩
$("#tempModal").bind('hide.bs.modal',function(){ $(".modal-backdrop").remove(); })
这里好处是,保留了点击空白自动关闭的功能
以上所述是小编给大家介绍的Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题
- Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
- 移动端弹出阴影遮罩的几点问题和解决方法
- 解决session关闭时再调用对象方法时报session已关闭问题
- Microsoft Management Console 遇到问题需要关闭。我们对此引起的不便表示抱歉 的解决方法。
- Microsoft Office Word 遇到问题需要关闭。我们对此引起的不便表示抱歉[解决方法]
- jsp防止重复登录问题以及关闭浏览器,意外断电等情况使用户退出的解决方法
- 解决Win7双硬盘自动关闭的问题的方法(图文教程)
- Windows 7安装MSN问题,关闭后主窗口停留在任务栏中解决方法
- 在Eclipse关闭tomcat5.5的时候就会出现Failed shutdown of Apache Portable Runtime的问题的解决方法
- 解决session关闭时再调用对象方法时报session已关闭问题
- “Microsoft Office Word 遇到问题需要关闭”的解决方法
- “Microsoft Office Word 遇到问题需要关闭”的解决方法
- 自己遇到的"Microsoft Management Console遇到问题需要关闭,我们对此引起的不便表示抱歉……"问题的解决方法
- linux 下关闭防火墙方法和单向ping通问题之解决
- Microsoft Management Console 遇到问题需要关闭。我们对此引起的不便表示抱歉 的解决方法。
- Microsoft Visual Studio 遇到了问题,需要关闭的一种可能的解决方法(转载)
- jsp防止重复登录问题以及关闭浏览器,意外断电等情况使用户退出的解决方法
- VS2010 自动关闭的问题解决方法
- 关于“Microsoft office word 遇到问题需要关闭”解决方法