Question

I have script (myscript.js) which create div and animate div in any HTML page. my script is using Jquery animation function

I am currently using following code (it’s sample snippet)

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

But is this possible to use only following code which can automatically add JQuery library also?

<script src="myscript.js"><script>

Answer 1

To make sure that the rest of myscript.js doesn’t get executed before jQuery is loaded, use something like this:

function dostuff() {
    //animate elements, etc.
}
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'jquery.js';
script.onreadystatechange = dostuff;
script.onload = dostuff;
head.appendChild(script);

Note: it’s a bit unclear why you wouldn’t want to explicitly add the jQuery part in your head.