爲什麼jQuery Mobile的僅在縱向分辨率留有一定的空間中的項目列表視圖

Question

每當我的名單是小的jQuery離開後幾個主題空間中的一些空白它只會發生在IPAD縱向和橫向和縱向工作正常在IPAD 這裏瀏覽器和橫向模式模式是一個網頁角色本人的肖像分辨率的樣本爲768×1024

<div data-role="page" id="videos" data-theme="e"> 

    <link rel="stylesheet" href="videos.css" /><!-- my custom css --> 

    <div data-role="header" data-position="fixed" data-theme="e"><!-- header --> 
     <div class="ui-grid-b center-align"> 
      <div class="ui-block-a classBlock pad" data-class="1"> 
       <a data-rel="external" data-ajax="false" href="./FingerTips/index.html" data-role="button" class="revise-menus">Collection</a> 
      </div> 
      <div class="ui-block-b classBlock" data-class="2"> 
       <div class="titles">Store</div> 
       <div data-role="controlgroup" data-type="horizontal" > 
        <a href="#booksnsubjects" data-role="button" >Books</a> 
        <a href="#appview" data-role="button" >Apps</a> 
        <a href="#videos" data-role="button" data-rel="external" data-theme="d">Video</a> 
       </div> 
      </div> 
      <div class="ui-block-c classBlock" data-class="1"> 
       <img src="images/cart.png" id="linkcart"> 
       <div id="cart-item"></div> 
      </div> 
     </div><!-- /grid-b --> 
    </div>  
    <div data-role="content"><!-- content --> 
     <ul data-role="listview" data-theme="c" id="class-lists"> 
      <li><a data-class="IV" href="#subjects" data-transition="slide">VI</a></li> 
      <li><a data-class="IIV" href="#subjects" data-transition="slide">VII</a></li> 
      <li><a data-class="IIIV" href="#subjects" data-transition="slide">VIII</a></li> 
      <li><a data-class="IX" href="#subjects" data-transition="slide">IX</a></li> 
      <li><a data-class="X" href="#subjects" data-transition="slide">X</a></li> 
      <li><a data-class="XI" href="#subjects" data-transition="slide">XI</a></li> 
      <li><a data-class="XII" href="#subjects" data-transition="slide">XII</a></li> 
     </ul> 
    </div><!-- content -->  
</div><!-- /page --> 

請大家幫我出那是我做錯了什麼

Answer 1

我發現解決方案：使用jquery mobile JS新版本解決問題