微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法

这是最近在做个人播客系统出现的一个问题,

场景如下 :

这里写图片描述

删除按钮之后,弹出一个模态框让我选择是回首页还是,上一页,下一页

首页

没什么好说的了,就是直接跳转,没什么问题

上一页,下一页

却是跳转上一篇 或者下一篇,所有的”

文章

“都是用的是同一个html模板,所以页面没有重新加载 于是就出现了 上面的问题,模态框消失了,但是背景却没有消失

对于这个问题,我在网上找了好一阵子,但是貌似并没有相关的问题

1

所以之前我本来是想将这个问题简单化,直接

所以 后来一直在网上找啊找,但是没什么用…

2

后来尝试了一下在按钮的事件

“开始 / 结束”

的地方加上

3

后来灵机一现,我何不看看这个存在背景的html 和普通当前页面的html有什么改变呢,说不能就能找到问题所在,哼哼 果然如此

go [图战开始]

1) 这是页面正常的时候

这里写图片描述

2) 这里是模态框出来的时候

这里写图片描述

3) 然后 我点击了上一页

相比于原始页面”1)”

1

. 多了一个div,

2

. 以及body加上一个class属性

这里写图片描述

4) 然后我删除了div

与上面的页面的变化在于页面的那个背景不存在了,但是我现在鼠标任然不能控制页面的移动

这里写图片描述

5) 然后我删除了body的class属性

遇上一个页面相比,我现在能够动鼠标了,变回了正常的页面

这里写图片描述

问题解决

nice,原来解决掉这两个地方就可以了啊,fix it !

这里写图片描述

这个问题的真正原因,我不知道,也就是为什么在这种场景下面会产生这种情况

参考

:

1、

2、

3、百度知道:如何控制模态窗口提交后,模态窗口关闭跳转回主页面,而不是另开一个页面

模态窗口中内嵌一个iframe 在iframe中写后台代码, 然后可以用js控制模态窗口的关闭跳转

更多内容请点击专题进行学习,希望大家喜欢。

如果大家还想深入学习bootstrap,可以点击进行学习,再为大家附3个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐