bootstrap模态框hide遮罩层不隐藏解决办法-创新互联

问题：在使用ajax提交模态框表单数据后，隐藏模态框并局部刷新，导致遮罩层不消失

凤泉网站建设公司创新互联公司,凤泉网站设计制作，有大型网站制作公司丰富经验。已为凤泉上千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的凤泉做网站的公司定做！

原因：模态框隐藏并局部刷新，导致在hide方法没执行完成时已经局部刷新，没有隐藏掉遮罩层

解决办法：
方法一：
把模态框放在更上层页面，而不是放在子页面上

方法二：
利用模态框的事件，在模态框完全消失后再进行局部刷新

//隐藏模态框
//在提交操作完成后打一个标记
tag = false
if (code == 200){
    $("#modifyService").modal("hide")  
    tag = true
}
//模态框隐藏完成事件
$("#modifyService").on("hidden.bs.modal",function(){
  //如果是在提交完成并且在模态框隐藏后执行下面的方法
    if (tag){
        $(".active .op-item").click()
        load = false
    }
})

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：bootstrap模态框hide遮罩层不隐藏解决办法-创新互联
本文地址：http://shouzuofang.com/article/dssjgs.html