2012-07-17 58 views
2

所以我一直在努力讓jquery傳送帶與我的網站設計一起工作。旋轉木馬在這裏找到: http://www.fortelessons.com。 我最小化的網站上所有的JavaScript,因此要儘量減少我做了一個副本這裏的旋轉木馬前,查看具體的jQuery: http://fortelessons.com/js/full/infinite.js以不同的方式重新載入chrome載入頁面

所以它的工作原理無處不在我測試了它就好了。但現在我看看Chrome 20.0.1132.57,我有一些非常奇怪的問題。在第一次初始加載時,它看起來很棒。但是如果我重新加載頁面「Learn Piano」,「Learn Voice」和「Learn Guitar」被一個樂器移到左邊,在吉他的圖片下方留下一個空白。如果我清除緩存並重新加載它,但是一旦它在緩存中,它就會再次執行緩存。這有什麼意義?我甚至不知道從哪裏開始。它不會使用我當前版本的Firefox或IE,只使用Chrome。

我可以發佈更詳細的描述,如果它可以節省您查看代碼的時間,但是我只是想知道它是否可以被任何人重現,或者如果任何人有任何想法,爲什麼頁面緩存會以某種方式改變它的顯示方式。我甚至不知道如何開始調試它。

編輯:其實它只是當我點擊重新加載按鈕。如果我點擊該網站,然後點擊返回就沒有問題。但是,一旦我點擊重新加載它會搞砸。如果我再次點擊它會恢復正常。我想實際上這不是一個大問題,因爲它幾乎不會發生,但我仍然想知道發生了什麼。

+1

按鈕的最近沒有靜態父級是輪播中的ul。嘗試使每個李'位置:相對'。我無法測試這個,因爲它在開發人員工具打開時自行修復。 – georgephillips 2012-07-19 22:05:02

+0

無法用chrome 20.0.1132.57 – Alexandre 2012-07-20 13:31:10

+0

重現,可能是因爲緩存。儘量不要每次緩存一次。 – totten 2012-07-20 13:55:34

回答

0

我認爲你遇到的問題來自一個問題,即絕對定位的元素會讓周圍的元素變爲空的元素。

似乎有一個緩存問題,當您重新加載瀏覽器時沒有按照您的意圖獲取繪製網頁所需的所有信息。

當您製作每個liposition:relative時,視圖將被具體告知如何處理相關元素,並且所有工作都正常 - 甚至在重新加載時也是如此。緩存不再是一個問題。

相關問題