Question

Google allows you to load jQuery asynchronously like so:

<script src="http://www.google.com/jsapi?key=..." type="text/javascript"></script> 
<script> 
  //<![CDATA[
    google.load('jquery', '1.6');
  //]]>
</script>
<script src="scripta.js" type="text/javascript"></script>
<script src="scriptb.js" type="text/javascript"></script>

In later scripts, how do I ensure jQuery has been loaded? I could use setInterval to check whether jQuery is set, but suppose scriptb.js depends on scripta.js, and both are wrapped in a setInterval to wait for jQuery, and so the interval will “randomly” execute either one first.

How can I approach this problem?

Thanks!

Answer 1

Assign the optional setting callback (documentation):

google.load('jquery', '1.6', {"callback":jqueryLoaded});

function jqueryLoaded(){
alert('loaded');
}