2012-03-03 33 views
1

我有一個很奇怪的問題。 我有一個網站(運行WordPress的),我用jQuery的迂迴插件。javascript - 頁面刷新時的不同行爲

當我使用地址欄訪問該網站時,該網站顯示正常。當我已經在這個網站,並且我刷新了 - 一切都搞砸了。我檢查了Chrome和Firefox,我得到了相同的結果。在IE中沒有問題。 另外,我注意到,只是在做一個軟刷新(F5)出現問題時,做一個硬刷新(按Ctrl + F5)

你可以在我的測試網站檢查自己 http://50.112.34.111 試壓時,它的確定幾次輸入地址欄 - 應顯示正常。嘗試刷新 - 你會看到這個問題...

+0

什麼是'顯示正常'?我得到的兩個場景是:右上角的灰色框和兩個灰色框重疊。在我的瀏覽器中,問題似乎是隨機的,而不是由於刷新的類型。 – c24w 2012-03-03 14:37:32

回答

3

首先,我會嘗試把JS包括(<script.../>)所有CSS包括後頭!這可能已經有所幫助。由於CSS可能會影響你的JS,所以JS在加載之前必須知道所有的CSS。

+0

工作!非常感謝你。我會記得從現在開始總是這麼做...... – 2012-03-03 14:39:46

+1

最好的使用方法是將所有JS放在HTML末尾 - 恰好在關閉標記之前。但也有例外 - 例如,如果您使用衆所周知的modernizr.js,它必須在文件的頭部部分(也包含_after_所有CSS聲明)。文檔標題部分引用/加載的每個文件都會延遲頁面在訪問者瀏覽器中的呈現/顯示(如果您將js包含在文檔末尾,則不會這樣)。 – RSeidelsohn 2012-03-03 14:45:44