JavaScript-加载脚本顺序

Question

我正在为Android OS开发HTML + JavaScript应用程序。 在HTML页面中，我正在加载另一个具有以下代码的JS文件：

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

在HTML页面上，我正在浏览地图。 问题是，在我的应用程序第一次加载时，一切正常。 但是，当我打开其他应用程序或只是返回时，然后我恢复我的应用程序时，地图的长度等于零。 （我认为这与HTML页面加载其依赖项的顺序有关，但我不知道如何解决此问题。...）
有什么建议么？ 谢谢！

编辑
我的JSFile.js中的我的JS代码：

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

我在HTML页面中的JS代码：

<head>
<script src="JSFile.js"></script>
</head>
<body>



$(document).ready(function(){

        for(var i in Map)
        {
            alert(Map[i]);
        }
});
</body>

实际结果是，在第一次加载应用程序时，一切都运行良好-我收到警报“嗨”。 但是当应用程序恢复时-我什么也没得到。

Answer 1

将代码放在JSFile.js中的$（document）.ready函数中，如下所示：

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

请记住，$。getScript是asyn，所以如果您这样调用它，它将无法工作：

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

Answer 2

将该代码添加到页面的onload事件中。这样，当该页面经历load事件时，就会调用此代码