jQuery モバイルの新機能。同じページでビューを変更できるようにしたい在庫のリストがあります。リストができたら、ページの上部に 2 つのボタンを配置できるようにします。
- リスト ビュー (デフォルト)
- グリッドビュー
次に、クリックするボタンに応じて在庫のビューを変更できます。私は実用的な例を持っています:
これは URL ビューのプレビューの例で、[ポートフォリオ] をクリックします。
これはどのように行うことができますか?
jQuery モバイルの新機能。同じページでビューを変更できるようにしたい在庫のリストがあります。リストができたら、ページの上部に 2 つのボタンを配置できるようにします。
次に、クリックするボタンに応じて在庫のビューを変更できます。私は実用的な例を持っています:
これは URL ビューのプレビューの例で、[ポートフォリオ] をクリックします。
これはどのように行うことができますか?
最も簡単な方法でそれを行うことができると思います。サイトにリスト ビューとグリッド ビューを追加するだけtoggle
です。
これを試して:
CSS
#Container ul { list-style: none; alignment-adjust:central; }
#Container .list li { //your list specs }
#Container .grid li { //your grid specs }
HTML
<div data-role="content" id="Container">
<ul data-role="listview" class="list">
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ul>
<ul data-role="listview" class="grid">
<li>grid1</li>
<li>grid2</li>
<li>grid3</li>
<li>grid4</li>
</ul>
</div>