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

前端之家收集整理的这篇文章主要介绍了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个精彩的专题:

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

猜你在找的Bootstrap相关文章