mobile - 可以限制 jQuery Mobile 列表视图中可见的项目数量吗？

Question

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

例如，如果我有三个列表，每个列表有 50 个项目，我希望每个列表中最多有 10 个项目可见，并且能够滚动浏览每个项目。

Answer 1

考虑到您的用例，它可能并不理想，但您可以尝试使用折叠的 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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​