Jquery移動和包裝

我已經開發了iOS的phoneGap應用程序，它的工作原理。現在我試圖在JqueryMobile上進行切換，以改善圖形。這是index.html頁面的代碼。爲了使它適用於JQueryMobile，我必須改變什麼？Jquery移動和包裝

我試圖使用CSS樣式和jQueryMobile的庫和修改頁眉和頁腳，但我不明白我必須在我的文件中的位置<div data-role="page">。我還沒有理解，如果我必須離開id=header和class=header或不。

<head> 
    <title>x Directory</title> 
    <meta name="viewport" content="width=device-width,initial-scale=1"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>   
    <script type="text/javascript" charset="utf-8" src="js/cordova-1.7.0.js"></script>   
    <script type="text/javascript" charset="utf-8" src="ChildBrowser.js"></script> 
    <script type="text/javascript" charset="utf-8" src="cordova-WebInspector.js"></script> 

</head> 

<body> 
<div id="header" class="header"> 
    <a href="index.html" class="nav" id="nav" style="display:none;">Home</a> 
    <img src="img/mob.png" class="logo" id="logo"/> 
    <h1>xAsk</h1>  
</div> 

<div id="wrapper"> 

    <ul id="xList" class="icon-list"></ul> 

</div> 

<div id="wrapper_hidden"> 
    <div> 
     <div id="employeeDetails"> 
      <img id="xPic"/> 
      <h3 id="xName"></h3> 
      <p id="xEmail"></p> 
      <p id="city"></p> 
     </div> 

     <ul id="actionList"></ul> 
    </div> 
</div> 

<div id="footer" class="footer"> 
    <ul id="azioni"> 
    </ul>  
</div> 
<script src="js/jquery.js"></script> 
<script src="js/iscroll.js"></script> 
<script src="js/xlist.js"></script> 

</body>

來源

2012-06-19 Riccardo Cestari

你試過了什麼？ http://mattgemmell.com/2008/12/08/what-have-you-tried/ –

這是正確的代碼。我無法理解如何處理包裝和wrapper_hidden！ –

先從其中一個例子開始。 Jquery mobile改變了你的應用程序的結構。你不包括jquery-mobile.js，所以你的例子不起作用。

應該圍繞您的頁眉，數據和頁腳，但爲了具有多個（內聯）頁面，您需要更多這些頁面。

來源

2012-06-19 09:29:23 ivy

Jquery移動和包裝

回答

相關問題