xcode 4/phonegap无法正确显示jquery mobile

xcode 4/phonegap无法正确显示jquery mobile,jquery,xcode4,jquery-mobile,cordova,Jquery,Xcode4,Jquery Mobile,Cordova,我不明白为什么jquerymobile不能使用cordova在xCode4的i0s模拟器中正确显示。我根据我的目录引用所有脚本源 <link rel="stylesheet" type="text/css" href="/jquery/jquery.mobile-1.0.1.css" /> <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script> <script

我不明白为什么jquerymobile不能使用cordova在xCode4的i0s模拟器中正确显示。我根据我的目录引用所有脚本源

<link rel="stylesheet" type="text/css" href="/jquery/jquery.mobile-1.0.1.css" />
<script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery/jquery.mobile-1.0.1.js"></script>

完整代码如下

<!DOCTYPE html>
<html>
  <head>
  <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta charset="utf-8">


    <!-- iPad/iPhone specific css below, add after your main css >
    <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />        
    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />       
    -->
    <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
    <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
    <script type="text/javascript">
    /*default cordova code which is too long to display but it contains the onBodyLoad()*/
    </script>

        <link rel="stylesheet" type="text/css" href="/jquery/jquery.mobile-1.0.1.css" />
        <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script> 
        <script type="text/javascript" src="jquery/jquery.mobile-1.0.1.js"></script>

  </head>
  <body onload="onBodyLoad()">
      <div data-role="page" data-theme="a"> 
          <div data-role="header"> 
              <h1> Header Content </h1>
          </div>
          <div data-role="content"> 
              <p> Main Page Content </p>
          </div>
          <div data-role="footer"> 
              <h1> Footer Content </h1>
          </div>
      </div>
  </body>
</html>

/*默认cordova代码太长,无法显示,但它包含onBodyLoad()*/
标题内容
主页内容

页脚内容
jQuery 1.7.2与jQuery Mobile 1.0.1不兼容(请阅读jQuery 1.7.2发行说明!)

将js 1.7.2与jqmobile 1.1 RC1一起使用,或者
JQ1.7.1与JQ Mobile 1.0.1

我也遵循PosiGAP教程,但JQuery Mobile按钮、列表等仍然没有正确显示。您应该考虑更新jQuery Mobile——它们现在是1.2。有很多改进和修正。谢谢!!!!我还删除了中“jquery”之前的“/”