【求助】获取隐藏的iframe中元素的宽度的问题

ys141144 2016-04-06 09:32:50
各位大神,我有一个页面,里面有两个Tab页,每个Tab页均是采用iframe来加载内容,大致的Html(标签自定义,可以忽略)内容如下:
<tab_panel>
<tab_panel_content name="tab1">
<iframe id="ifm_1" src="url2">
</tab_panel_content>
<tab_panel_content name="tab2">
<iframe id="ifm_2" src="url2">
</tab_panel_content>
</tab_panel>

操作过程是这样的:在tab1的页面内,点击一个超链接后,打开tab2(tab2的iframe内容页中有js来设置页面元素的宽度),然后快速的切换回tab1(此时tab2的iframe加载还没有完成)

tab2的iframe内容页设置页面元素的宽度代码如下:
$(function(){
$(self).find(".hs-modifyform-item").each(function(){

$(this).find(".hs-modifyform-text").css({
"width":$(this).width()-$(this).find(".label").width()-30,
"overflow":"auto"
});

}
});
通过调试发现,按照上面的操作步骤,上方js代码中红色的代码获取的宽度均为0,请问这是什么原因导致的?
...全文
229 2 打赏 收藏 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
ys141144 2016-04-07
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
隐藏起来了肯定是0,获取不到,通过可见的容器宽度来控制 tab一般内容宽度都是定好的,不会每个tab的容器宽度不一样
tab的宽度是固定的,iframe的里面的元素宽度不固定的,需要动态的设置一下的,这种写法在chrome下面是正常的,就是只有在IE下才会出现的
  • 打赏
  • 举报
回复
隐藏起来了肯定是0,获取不到,通过可见的容器宽度来控制 tab一般内容宽度都是定好的,不会每个tab的容器宽度不一样

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧