Fez Vrasta Fez Vrasta - 28 days ago 24
jQuery Question

Load jquery asynchronously before other scripts

I've added the

async
attrib to my javascript inclusion HTML.

So now I've:

<script async src="jquery.myscript.js"></script>


And this works with all JS I load, all except jquery.

If I add
async
to jQuery
<script>
tag all others script who depend from jquery don't work.

In that jsfiddle you can see the problem:

http://jsfiddle.net/uFbdV/

In the example I've used
<script> Mycode </script>
instead of including an external file.js, but this doesn't change the situation.

I'd like to run jQuery with async attrib and run other few external scripts asynchronously only after jquery is loaded.

It is possible?

Answer

I'd like to run jQuery with async attrib and run other few external scripts asynchronously only after jquery is loaded.

What does that mean? It sounds a lot like you want to load jQuery first, then other things when it's done. So you want to load it synchronously. If you still want to use the "async" way, you could define an "onload" function to continue loading other things once jQuery is ready. Or you could use "defer". Both of these are explained here: http://davidwalsh.name/html5-async