2012-06-15 71 views
0

我是新來的ios phonegap。我開始使用基於cordova的應用程序。我的代碼不在模擬器中顯示頁眉和頁腳,但在瀏覽器中正常工作。我的index.html代碼是這樣的。jquery mobile,cordova不能在iphone模擬器上工作

<!doctype html> 
<html> 
<head> 
    <title>JQM Sample</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta charset="utf-8"> 
    <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script> 
    <link href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js" type="text/javascript"></script> 

</head> 
<body > 
    <div data-role="page"> 
     <div data-role="header" data-position="fixed" > 
      <h1>Header</h1> 
     </div> 
     <div data-role="content"> 
<p>Welcome</p> 
... 
      </div> 
     <div data-role="footer" data-position="fixed" > 
      <h1>Footer</h1> 
      </div> 
     </div> 
</body> 
</html> 

我錯過了什麼嗎? 我的ios版本是5.1.I還在Cordova.plist中添加了URL,但仍無法正常工作。

回答

2

您需要將遠程URL code.jquery.com添加到白名單。如果您希望離線使用您的應用程序,最好將JS文件作爲應用程序的一部分並使用本地副本。

要將URL添加到白名單中,請在項目中編輯Cordova.plist文件,並在ExternalHosts下添加code.jquery.com。

相關問題