美文网首页开发笔记
模态框覆盖层取消不掉

模态框覆盖层取消不掉

作者: 孤傲小狼 | 来源:发表于2019-10-10 09:07 被阅读0次

    问题:采用ajax异步通讯获取数据,使用$("#myModal").modal('hide');不能关闭覆盖层出现的问题

    模态框中 加载了一个子页面

    子页面中调教表单之后想根据执行结果手动关闭模态框,最初尝试了以下几种方案:

    1、$("#myModal").modal('hide');//模态框关闭 但是遮盖层 不消失
       $(".modal-backdrop").remove();//确实关闭了 遮盖层也消失了 但是第二次再打开模态框的时候 就会一闪而过
    2、$("button .close").click()//手动控制 模态框的关闭按钮 触发点击,也不行,也是遮盖层不消失
    

    最后,给提交按钮 加上 bootstrap 模态框的关闭属性 data-dismiss="modal",这样就好了

    $(this).attr("data-dismiss","modal");
    

    这样的问题是 ,第二次打开模态框 表单中还存着上一次提交的内容,应该是没有清空,有需要的话,需要手动清空一下表单。下次打开就是空的表单了

    参考链接: https://www.cnblogs.com/4job/p/10508878.html

    相关文章

      网友评论

        本文标题:模态框覆盖层取消不掉

        本文链接:https://www.haomeiwen.com/subject/dwqopctx.html