模态框中 加载了一个子页面
子页面中调教表单之后想根据执行结果手动关闭模态框,最初尝试了以下几种方案:
1、$("#myModal").modal('hide');//模态框关闭 但是遮盖层 不消失
$(".modal-backdrop").remove();//确实关闭了 遮盖层也消失了 但是第二次再打开模态框的时候 就会一闪而过
2、$("button .close").click()//手动控制 模态框的关闭按钮 触发点击,也不行,也是遮盖层不消失
最后,给提交按钮 加上 bootstrap 模态框的关闭属性 data-dismiss="modal",这样就好了
$(this).attr("data-dismiss","modal");
这样的问题是 ,第二次打开模态框 表单中还存着上一次提交的内容,应该是没有清空,有需要的话,需要手动清空一下表单。下次打开就是空的表单了。