1

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

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

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

这是一个示例 URL视图预览，然后单击“投资组合”

怎么可能做到这一点？

4

2 回答 2

0

尝试这个：

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>
于 2012-12-28T15:18:17.187 回答
0

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

于 2012-12-28T14:59:43.353 回答