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

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>