jQuery Mobile 목록보기에 표시되는 항목의 수를 제한 할 수 있습니까?

Question

같은 페이지에 여러 개의 jQuery Mobile listview를 세로로 쌓아두고 싶습니다. 각 목록에는 많은 항목이있을 수 있으므로 각 목록의 보이는 항목 수를 제한하고 각 목록을 독립적으로 스크롤 할 수 있습니다.

예를 들어 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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

: 사용자가 여전히 모든 옵션에 액세스 할 수 있지만 디스플레이로 복잡하지

이 방법