jquery mobile，cordova不能在iphone模拟器上工作

我是新来的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，但仍无法正常工作。

来源

2012-06-15 san