$在頁面重新加載後未定義

Question

我在頁面中使用jQuery。 我正在通過GoogleApis CDN從頭部調用腳本。 在我的網頁的最後，我用

$(document).ready(function() { 

    // code 
    // 
    // do something 
    // 


    // 
    setInterval(function() { location.reload(true); }, 40000); 

}); 

的問題是，該頁面後多次刷新我收到錯誤：

$ is not defined 

上的document.ready線

和腳本停止。

由於某種原因，jquery頭部沒有加載並拋出錯誤。 只有當頁面通過javascript location.reload（true）方法加載時纔會發生這種情況。

爲什麼？

該頁面被放置在iframe中。 但是，如果直接調用它，錯誤也會發生。

Answer 1

當你寫location.reload(true);與真正意味着瀏覽器會從服務器每次頁面，使重載把當前頁面。這也意味着在這裏沒有緩存句柄。

在這種情況下，我會建議，以驗證加載所有頁面：

var allLoaded = setInterval(function() { 
    if (/loaded|complete/.test(document.readyState)) { 
    clearInterval(allLoaded); // stop the interval 
    callYourInitFuction(); // the story start here 
    } 
}, 10); 

與此塞納里奧當你所有的腳本走的地方，你可以走在路上。