ページリロード後に$が定義されていません

Question

ページ内でjQueryを使用しています。 私はGoogleApis CDNを通じてヘッドセクションからスクリプトを呼び出しています。 私が使用して自分のページ

$(document).ready(function() { 

    // code 
    // 
    // do something 
    // 


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

}); 

の終わりに問題がページの後に多くの時間が、私はエラーを取得していますリフレッシュすることです：document.readyライン上

$ is not defined 

とスクリプトが停止します。

ヘッドの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); 

をこのsenarioですべてのスクリプトの場所に取るとき、あなたが道に行くことができます。