jQuery MiniUI

标题: Iframe引入页面页面会出现渲染不完全的情况 [打印本页]

作者: 无聊的猴子    时间: 2019-6-17 12:36:31     标题: Iframe引入页面页面会出现渲染不完全的情况

如图[attach]12279[/attach]这种情况有什么办法处理吗?

作者: dforce    时间: 2019-6-17 13:09:40

mini-fit是js控件,通过js计算高度,原理=父元素高度-兄弟元素高度
请确保这里的父元素有高度。
作者: 无聊的猴子    时间: 2019-6-17 13:36:13

dforce 发表于 2019-6-17 13:09
mini-fit是js控件,通过js计算高度,原理=父元素高度-兄弟元素高度
请确保这里的父元素有高度。 ...

有高度的,父元素就是body啊
作者: 无聊的猴子    时间: 2019-6-17 13:42:43

dforce 发表于 2019-6-17 13:09
mini-fit是js控件,通过js计算高度,原理=父元素高度-兄弟元素高度
请确保这里的父元素有高度。 ...

[attach]12281[/attach][attach]12280[/attach]

作者: dforce    时间: 2019-6-17 15:21:28

无聊的猴子 发表于 2019-6-17 13:42

你这iframe切换是自己控制的吧,切换之后调用mini.layout()重新布局一下
作者: 无聊的猴子    时间: 2019-6-17 15:26:17

dforce 发表于 2019-6-17 15:21
你这iframe切换是自己控制的吧,切换之后调用mini.layout()重新布局一下

是的,是自己控制javascript:;的,切换之后mini.layout我也用了,但是没有起效果,我点击后会调用子页面的方法去触发mini.parse和mini.layout,但是效果一样,不知道为什么高度就是不会再次计算了[attach]12282[/attach]
作者: dforce    时间: 2019-6-17 16:28:56

无聊的猴子 发表于 2019-6-17 15:26
是的,是自己控制javascript:;的,切换之后mini.layout我也用了,但是没有起效果,我点击后会调用子页面 ...

f12看一下有问题的时候这个iframe的高度有没有,iframe里面的body的高度有没有

作者: 无聊的猴子    时间: 2019-6-17 17:18:05

dforce 发表于 2019-6-17 16:28
f12看一下有问题的时候这个iframe的高度有没有,iframe里面的body的高度有没有
...

iframe和iframe的body高度都是有的,就是我前面的截图,就是mini-fit和里面的一些元素没有,而且我使用mini.layout()重新计算高度也不生效,断点看了使用mini.get也能获取到相应的元素
作者: felt    时间: 2019-6-17 22:07:00

无聊的猴子 发表于 2019-6-17 17:18
iframe和iframe的body高度都是有的,就是我前面的截图,就是mini-fit和里面的一些元素没有,而且我使用mi ...

延时一下调用呢?
或者你提供一个简单的重现例子发上来,我们处理
作者: 无聊的猴子    时间: 2019-6-18 17:07:52

felt 发表于 2019-6-17 22:07
延时一下调用呢?
或者你提供一个简单的重现例子发上来,我们处理

延时掉用还没有试,等我到时候试一下,简单重现的例子我看到时候我能不能提供一个
作者: dforce    时间: 2019-6-18 17:59:09

无聊的猴子 发表于 2019-6-18 17:07
延时掉用还没有试,等我到时候试一下,简单重现的例子我看到时候我能不能提供一个 ...

好的
作者: 无聊的猴子    时间: 2019-6-20 14:19:14

dforce 发表于 2019-6-18 17:59
好的

我发现如果调整窗口会重新触发计算然后页面变正常了,有哪个方法手动触发吗?
作者: dforce    时间: 2019-6-20 15:26:17

无聊的猴子 发表于 2019-6-20 14:19
我发现如果调整窗口会重新触发计算然后页面变正常了,有哪个方法手动触发吗? ...

mini.layout()就是处理这样的问题
那就是你前面调用的时机不准确。
在新页面加载完毕之后再调整。




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2