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

模态框覆盖层取消不掉

作者: 孤傲小狼 | 来源:发表于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

相关文章

  • 模态框覆盖层取消不掉

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

  • 模态框

    模态对话框 点击这里关闭 /* 定义模态对话框外面的覆盖层样式 */ #modal-overlay {...

  • 模态框被遮罩层遮挡

    在模态框的div,设置data-backdrop="false",注:设置模态框取消自动启动遮罩层

  • Html + Css +Javascript实现模态框

    首先在html上定义两个div元素,其中外层div表示模态框外面的覆盖层(overlay layer), 内层的d...

  • vue2模态框组件

    点击弹出模态框,点击叉号取消。 如有好的写法,可@我,欢迎挑衅。

  • 第十三节 MFC的一些概念

    一、模态对话框和非模态对话框Windows对话框分为两类:模态对话框和非模态对话框。模态对话框是这样的对话框,当它...

  • element-ui dialog组件嵌套bug

    模态框嵌套模态框 只需在子集的模态框里面添加append-to-body 就可以了 父级模框 子集模态框 我这样嵌...

  • 进阶任务10-事件应用

    实现Tab切换的功能 实现下图的模态框功能,点击模态框不隐藏,点击关闭以及模态框以外的区域模态框隐藏

  • bootstrap模态框多层嵌套,背景滚动

    问题:在弹出模态框A的基础上,弹出模态框B,关闭模态框B之后,模态框A不能滚动(由于A模块框内容) 造成的原因:遮...

  • 事件的应用

    1. 实现如下图Tab切换的功能 2. 实现下图的模态框功能,点击模态框不隐藏,点击关闭以及模态框以外的区域模态框隐藏

网友评论

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

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