解决二级模态框关闭后,遮罩阴影依然存在,导致页面无法操作的BUG
来源:互联网 发布:英国谢菲尔德大学知乎 编辑:程序博客网 时间:2024/05/18 02:04
在项目后台中由于需要展示二级模态框,在点击关闭二级模态框(弹出框)的时候出现了遮罩阴影依然存在,导致页面呈现暗灰色,无法操作的现象效果图如下:
出现改问题的原因是:由于点击“关闭”按钮或点击模态框右上角的“X”或点击模态框右边的空白处,会使两层或多层模态框同时关闭,但是modal自己生成的遮罩层只关闭了一个,其他的依然存在,因此导致遮罩阴影覆盖原有页面,导致无法操作页面。
解决问题的方法:(1)当最外层的modal关闭后,手动删除所有的遮罩层:$("#soldier-modal”).remove()
(2)让modal一层一层关闭,避免出现一次关闭多层的情况 $("#soldier-modal").modal({show:true, backdrop:'static'});
问题总结: 这些问题所涉及到的都是些前端的知识,是bootstrap中的模态框的应用。
阅读全文
0 0
- 解决二级模态框关闭后,遮罩阴影依然存在,导致页面无法操作的BUG
- Boostrap 二级模态框关闭后导致一级模态框无法滚动
- eclipse在异常关闭后,导致无法启动workspace问题的解决
- eclipse在异常关闭后,导致无法启动workspace问题的解决
- eclipse在异常关闭后,导致无法启动workspace问题的解决
- eclipse在异常关闭后,导致无法启动workspace问题的解决
- eclipse在异常关闭后,导致无法启动workspace问题的解决
- eclipse在异常关闭后,导致无法启动workspace问题的解决
- THINKPHP开启\'SHOW_PAGE_TRACE\'报错,关闭后无法显示页面的解决
- 解决IE关闭页面时连续弹出新窗口的bug
- 解决slideDown()、slideUp()执行结束后才执行下一次,导致鼠标离开后很久动画依然在执行的问题
- eclipse修改后无法正常保存文件的BUG解决
- 关于Python的第三方库requests关闭SSL验证后,依然警告致使程序无法执行问题
- 依然存在的问题
- 解决虚拟键盘关闭后无法退出程序的问题
- 解决VS2008调试后控制台无法关闭的…
- 解决jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug[百度博客搬家]
- 解决jqueryeasyUI dialog 弹出窗口超出浏览器,导致不能关闭的bug
- 灵活的 overflow
- RestTemplate报错:no suitable HttpMessageConverter found for request type
- jzoj4243 【五校联考6day1】c 分块
- 剑指offer—链表中环的入口结点
- leetcode题解-146. LRU Cache
- 解决二级模态框关闭后,遮罩阴影依然存在,导致页面无法操作的BUG
- 【GDOI2017 day1】微信
- 单片机工程师转java程序员
- 透析适配器!
- 略微记录一下进度
- 图解设计模式
- java类的数组
- Hadoop 核心介绍
- 异步上传图片