Safari中的奇怪的jQuery $（window）.load（）行為

Question

我在<iframe>加載了一個頁面。

在<iframe> ，我有一個耐心等待頁面加載的函數，使用jQuery的$(window).load()事件，該事件應該等到所有頁面內容（圖像，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...
});