mobile - jQuery Mobile リストビューに表示されるアイテムの数を制限できますか?

Question

同じページに複数の jQuery Mobile リストビューを垂直に積み上げたいと考えています。各リストには多くのアイテムが含まれる可能性があるため、各リストに表示されるアイテムの数を制限し、各リストを個別にスクロールできるようにします。

たとえば、それぞれ 50 個のアイテムを含む 3 つのリストがある場合、各リストに最大 10 個のアイテムを表示し、それぞれをスクロールできるようにする必要があります。

Answer 1

ユースケースを考えると理想的ではないかもしれませんが、折りたたまれたリストビューを使用してみることができます。

このようにして、ユーザーは引き続きすべてのオプションにアクセスできますが、表示はそれほど乱雑ではありません。

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