Loading order of js files

javascript, load

Solution

With that markup, `script_nr_1.js` will always be run before `script_nr_2.js` (provided, of course, the first script file is actually accessible). If you're seeing something from the first script that isn't ready yet when the second script runs, that means that the first script is setting up some kind of delayed initialization, perhaps waiting for "DOM ready" or page load.

You'll have to delay the execution of any code in the second script that relies on that initialization until it has been performed. You've said the first script is a library; if it's doing this, presumably it has a means for notifying you when it's done. If it doesn't, I'd look for an alternative library.

Problem

I have two .js files and they are added in head tag in this order: ``` <script type="text/javascript" src="script_nr_1.js"></script> <script type="text/javascript" src="script_nr_2.js"></script> ``` `script_nr_2.js` has a variable that uses an object of `script_nr_1.js`, but when page loads, it first initialize `script_nr_2.js`'s vars. So this causes an error in `script_nr_2.js` as it tries to init a var with a nonexistent object. How do I prevent that, and have them be loaded in order?

Original source