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解决了这个问题

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

1 个答案: