jQuery Mobile列表视图中可见的项目数量是否有限？

Question

我希望在垂直堆叠的同一页面上有多个jQuery Mobile列表视图。因为每个列表中可能有很多项，所以我想限制每个列表中的可见项数，并允许每个列表独立滚动。

例如，如果我有three lists with 50 items each，我希望每个列表中最多可以看到10个项目，并且能够滚动每个项目。

Answer 1

根据您的使用案例，它可能不太理想，但您可以尝试使用collapsed listviews。

这样您的用户仍然可以访问所有选项，但显示不会那么混乱：

​<div data-role="page">
   <div data-role="collapsible">
       <h3>List 1</h3>
       <ul data-role="listview">
           <li>option 1</li>
           <li>option 2</li>
       </ul>
</div>

   <div data-role="collapsible">
       <h3>List 2</h3>
       <ul data-role="listview">
           <li>option 1</li>
           <li>option 2</li>
       </ul>
</div>

   <div data-role="collapsible">
       <h3>List 3</h3>
       <ul data-role="listview">
           <li>option 1</li>
           <li>option 2</li>
       </ul>
</div>


</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​