上篇我提到的‘
这里也会遇到一次性关闭所有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 多弹窗之叠加关闭阴影遮罩问题,希望对大家有所帮助
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论