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

1

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]);
            }
    });

edited Jun 10, 2013 at 13:00

answered Jun 10, 2013 at 12:41

Khanh TO

49k13 gold badges101 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RRR Over a year ago

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

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related