不正確元素定位

Question

我第一次去this page，幻燈片的位置（使用jQuery週期插件開發）是全亂了，就像這樣：

如果我再刷新頁面，它會顯示正確，就像這樣：

我怎樣才能確保此頁面顯示正確的第一次觀看過？ Chrome瀏覽器的佈局錯誤似乎比其他瀏覽器更爲常見，不過正如您從上面的截圖中看到的那樣，它也會在其他瀏覽器中發生。

謝謝， 唐

Answer 1

添加width和height屬性的圖像。

我猜測JavaScript在圖像加載之前激活，然後執行一些快速計算以獲取所需的尺寸，並將它們鎖定到位;所有這些都是在圖像加載之前發生的，並且由於沒有width或height屬性，所以尺寸出來了。在重新加載時，圖像從瀏覽器緩存中傳出，以便在JavaScript運行時知道維度。

您的JavaScript在DOM準備就緒時運行，而不是在每一件事情都已完全解析和加載時運行。您也可以嘗試將您的幻燈片放到load事件中，而不是document.ready。

您在Chrome瀏覽器中看到的內容比其他瀏覽器更多，因爲Chrome瀏覽器非常快速，並且放大了時間問題。