2013-04-17 117 views
0

我有一個使用phonegap構建的移動應用程序,我正在使用jquery mobile。在第一頁,我有鏈接到另一個,href =「page2.html」。。更改頁面時,jquery mobile中的get()方法無法加載

當第二頁加載時,我使用.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> 
+0

那些腳本標記(在你的page2.html中),它們是HEAD或BODY的一部分嗎? – Gajotres

+0

它們位於/ body標籤正上方。 –

回答

0

您需要將<script>標籤將您<div data-role="page">標籤內。 <script>標記位於您的<div data-role="page">標記之外,因此只會在您的首頁/初始頁面加載時加載,這與您所遇到的內容看似一致。

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

無賴,仍然無法工作。同時使用jqmobile和phonegap時,是否必須在我創建的每個頁面上包含此腳本的所有內容?我用Nimblekit構建了應用程序,這非常簡單。我覺得我在這裏錯過了一些東西:-(。 –

+0

優秀,這工作。只是從頁面中刪除所有的腳本,幷包括.get()方法在身體。Tks,@andleer! –

相關問題