jquery mobile中的.get（）方法在更改页面时不加载

Question

我有一个使用 phonegap 构建的移动应用程序，我正在使用 jquery mobile。在第一页我有另一个链接，href="page2.html"。

当第二个页面加载时，我使用 .get() 来检索 xml 数据并使用 xml2json.js 将其转换为 json。如果我将此页面设为索引并在打开应用程序时加载它，则该页面可以正常工作，因此我知道脚本正在运行。但是，当通过另一个页面的链接加载它时，.get() 方法似乎没有加载任何数据。

<script type="text/javascript" src="cordova-2.4.0.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
        <script type="text/javascript" src="js/jquery.xml2json.js"></script>
        <script type="text/javascript">
            $.get('http://domain.com/app/getfacilities/?org=mysite', function(xml){
                  var facilities = $.xml2json(xml);
                  for (i=0; i<=facilities.facility.length; i++){
                    var locName = facilities.facility[i].name;
                    var id = facilities.facility[i].id;
                    $("#fieldList").append("<li><a href='#'>" + locName + "</a></li>").listview('refresh');
                  }
                  });
            </script>
        <script type="text/javascript">
            app.initialize();
        </script>

Answer 1

您需要将<script> 标签放在<div data-role="page"> 标签内。位于 <div data-role="page"> 标记之外的 <script> 标记只会在您的第一个/初始页面加载时加载，这似乎与您的体验一致。

<div data-role="page">
    <script>
        // js script here
    </script>
</div>