我有一个具有动态内容的iframe,具体取决于用户单击的链接。
我的实际代码以显示这样的iframe:
var frame = $('#ContentFrame');
frame.attr('src', url);
// Wait until frame content finishes loading before positioning and showing
frame.load(function () {
SizeAndPositionFrame(variables);
frame.show();
});
您可以看到,直到加载内容后,帧实际上才显示出来。这是因为框架的大小可能会有所不同,我不希望以前的内容在新内容加载之前对帧进行调整。
我的问题是,某些内容框架的页面包含需要某些对象的.height()
的$(document).ready()
函数中的代码,而在IE7中,此高度为0,直到帧完成加载iframe的框架变为可见。
我该怎么做才能获取由于显示不可见内容的框架而无法可见的不可见对象的.height()
?
注意:这是针对嵌入式IE7 Web浏览器的,因此解决方案必须与IE7
使iframe可见,但在视口内不可见。
frame.css({
position: 'absolute',
left: '9000px'
});
但是,最好用一堂课做到这一点,这样您就可以简单地删除课程。