$ is not defined after page reload

Question

I am using jQuery in a page. I am calling the script from the head section through GoogleApis CDN. At the end of my page i use

$(document).ready(function () {

   // code
   //
   // do something
   // 


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

 });

The problem is that many times after the page refreshes I am getting the error:

$ is not defined

on document.ready line

and the script stops.

For some reason the jquery in the head is not loaded and throws the error. This happens only when the page loads through javascript location.reload(true) method.

Why?

The page is placed in an iframe. But the error is also happening if it is called directly.

are you loading the jQuery library before the call to use it? — gavgrif, Oct 10 '16 at 08:01
Share the code where you are importing the js libraries in your page — progrAmmar, Oct 10 '16 at 08:09
[Possible answer](http://stackoverflow.com/q/4249809/6501094) to your problem. — Roy123, Oct 10 '16 at 08:09
Try using the jQuery library from your local instead of CDN. — Samir, Oct 10 '16 at 08:18
I used local loading of the library as a fallback and seems like the problem is gone. — sski, Oct 11 '16 at 13:39

score 0 · Answer 1 · answered Oct 10 '16 at 09:04

When you write location.reload(true); with true means browser will bring the current page from the server each time page makes a reload. that's also means not cache handle here.

In this case, i would recommended to verify all page been loaded:

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

with this senario when all your scripts take in place, you can go on the way.

The same problem was occuring using just location.reload(); – sski Oct 11 '16 at 13:41 — sski, Oct 11 '16 at 13:41

$ is not defined after page reload

1 Answers1