可以在jQuery Mobile listview中顯示的項目數量是否有限？

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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​