JavaScript - loading scripts order

Question

I am developing an HTML+JavaScript application for Android OS. In the HTML page I am loading another JS file which has this code:

var Map = {}; $.getScript("cordova-2.6.0.js",function(){ Map['x'] = somthin }

At the HTML page I am looping through the map. The problem is that, at the first time my application is loading, everything works well. But when I am openning other appliaction or just going back and then I am resuming my application the length of the map is equal to zero. (I think it relates to the order that the HTML page loads its dependencies, but I dont know how to solve this problem....)
Any suggestions? Thanks!

EDIT
My JS code in My JSFile.js:

var Map = {}; $.getScript("cordova-2.6.0.js",function(){ Map['X'] = 'hi'; });

My JS code in the HTML page:

<head> <script src="JSFile.js"></script> </head> <body> $(document).ready(function(){ for(var i in Map) { alert(Map[i]); } }); </body>

The actual result is that in the first time the appliaction is loading, everything is working well - I am geting an alert "hi". But when the application is resuming - I am getting nothing.

if you adding like this Map['x'] = somthg , then length always be zero — Ivan Chernykh
– Ivan Chernykh, Commented Jun 10, 2013 at 11:47
it's just an example, I am looping on it by for(var j in Map) and increasing a counter inside the loop statment — RRR
– RRR, Commented Jun 10, 2013 at 11:50

Khanh TO · Accepted Answer · 2013-06-10 13:00:42Z

Put the code in the JSFile.js to the $(document).ready function like this:

var Map = {}; $(document).ready(function(){ $.getScript("cordova-2.6.0.js",function(){ Map['X'] = 'hi'; for(var i in Map) { alert(Map[i]); } }); });

Remember that $.getScript is asyn, so if you call it like this, it will not work:

$(document).ready(function(){ var Map = {}; $.getScript("cordova-2.6.0.js",function(){ Map['X'] = 'hi'; }); //Will not work because the response may not arrive yet for(var i in Map) { alert(Map[i]); } });

that is exactly my question - how can I force the $.getScript to be performed before the for loop.

Exor · Accepted Answer · 2013-06-10 11:45:50Z

0

Add that code in the onload event of the page.So that this code will be called when ever that page is going through a load event

answered Jun 10, 2013 at 11:45

Exor

4025 silver badges8 bronze badges

3 Comments

RRR Over a year ago

which code does I have to put in the onload? the $.getscript...?

Exor Over a year ago

$(function(){ var Map = {}; $.getScript("cordova-2.6.0.js",function(){ Map['x'] = somthin } });

Exor Over a year ago

$(document).ready(function() { // Handler for .ready() called. }); Which is equivalent to calling: $(function() { // Handler for .ready() called. });

Collectives™ on Stack Overflow

JavaScript - loading scripts order

2 Answers 2

1 Comment

3 Comments

Hot Network Questions