为什么jquery mobile只在纵向分辨率的项目列表视图中留出一些空间

Question

每当我的列表很小时，jquery会在很少的主题空间后留下一些空白，它只在IPAD的纵向方向上发生，并且在浏览器的横向和纵向模式以及IPAD的横向模式下都可以正常工作。以下是一个页面角色的示例我的纵向分辨率为768 X 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解决了这个问题。