Question

jQuery Mobile新手。我有一个库存清单，我希望能够在同一页面上更改视图。所以我有我的列表，然后我希望能够在页面顶部有两个按钮：

列表视图（默认）
网格视图

然后我可以根据我点击的按钮更改库存视图。我有一个工作的例子：

这是an example URL视图预览，然后点击'投资组合'

怎么可以这样做？

Answer 1

我认为你可以用最简单的方式做到这一点。只需在您的网站中添加列表视图和网格视图，然后toggle。

Answer 2

试试这个：

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

jquery移动网格视图和列表视图在同一页面上

2 个答案: