javascript - Safari 中奇怪的 jQuery $(window).load() 行为

Question

我有一个正在加载的页面 <iframe> .

在<iframe>里面，我有一个函数可以耐心地等待页面加载，使用 jQuery 的 $(window).load()该事件应该等到 ALL 页面内容(图像、javascript、css 等)在触发之前加载。

然后该函数回调到加载 <iframe> 的页面使用 postMessage发送<iframe>中内容的高度回来。

我已经在 IE7、IE8、Firefox 2、Firefox 3、Opera 和 Chrome 中测试了该功能，一切正常。当我尝试在 Safari 中加载页面时，该函数会在加载图像之前进行回调...因此会给我错误的页面高度。

有没有人知道如何强制 Safari 在调用函数之前等待图像加载(在这种情况下 jQuery 解决方案更可取)？

Answer 1

检查偏移量会强制 safari 完成内容加载/布局，它会阻止 javascript 直到返回完成。你可以像这样使用它:

$(window).load(function() {
  var block = document.body.offsetWidth;
  //Rest of code...
});