jquery - 页面重新加载后 $ 未定义

Question

我在页面中使用 jQuery。我通过 GoogleApis CDN 从 head 部分调用脚本。在我的页面末尾我使用

$(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

当您使用 true 编写 location.reload(true); 时，意味着每次页面创建时，浏览器都会从服务器获取当前页面重新加载。这也意味着这里不缓存句柄。

在这种情况下，我建议验证所有页面已加载:

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

按照这个方案，当所有脚本都到位后，您就可以继续前进了。