jQuery.getScript() fails to load function

Question

I am trying to load a script with a function like:

$.getScript('/js/mymy.js').done(function(){ 
    if(readCookie('my_cookie', 'yes')){
        /* do sth here */
    }
});

or

$.getScript('/js/mymy.js',function(){   
    if(readCookie('my_cookie', 'yes')){
        /* do sth here */
    }
});

where "readCookie" is defined in mymy.js but i get an error "readCookie" is not defined...

Here 1 & 2 is where i have got help how to do, but it does not work... Any Ideas?

i do use jQuery 1.8.0

mymy.js does contain a function:

jQuery(document).ready(function() {
  function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
  }

  /** There is sth much more here **/
  ...
  /** There is sth much more here **/
});

thanks, and that function is not within another function right? — Miguel Mota, Mar 12 '15 at 16:24
It is standonly function in jQuery(document).ready(function() { }}; — Viktor, Mar 12 '15 at 16:30
that's your problem, it's within that document ready function scope. Take it out of there — Miguel Mota, Mar 12 '15 at 16:31

score 3 · Accepted Answer · edited Mar 12 '15 at 16:41

3

readCookie is undefined because readCookie is not global; it is visible only within the document.ready function scope in mymy.js.

Make the function global by removing the document.ready wrapper.

edited Mar 12 '15 at 16:41

Dave Newton

158,873
26
254
302

answered Mar 12 '15 at 16:33

Miguel Mota

20,135
5
45
64

1

It might be good to also mention that it might not have been executed, too. – Dave Newton Mar 12 '15 at 16:41

Dave Newton · Answer 2 · 2015-03-12T16:33:08.810

1

From the docs:

The callback is fired once the script has been loaded but not necessarily executed.

In other words, you cannot rely on the success function to be called explicitly after the loaded script is executed, e.g., its functions put into the global scope.

After your edit (which IMO should have been what you posted first) you actually have two issues; as written it's scoped only inside JQ's DOM-ready function.)

edited Mar 12 '15 at 16:33

answered Mar 12 '15 at 16:28

Dave Newton

158,873
26
254
302

Interestingly, that text now says "The callback is fired once the script has been loaded and executed." – fooquency Jan 25 '23 at 14:04

jQuery.getScript() fails to load function

2 Answers2

Linked