bootstrap模态框手动关闭遮盖层不消失

转载 于 2019-03-11 10:02:00 发布 · 1.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/4job/p/10508878.html
文章标签：

#javascript #ViewUI

本文探讨了在模态框中加载子页面并进行表单操作后的手动关闭问题，分享了一种有效解决方案，并指出需注意表单内容残留的问题及解决办法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

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

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值