想创建框视图和列表视图产品列表

Question

我想创建框视图和列表视图布局，以便用户可以查看具有自己格式的产品列表。请检查http://www.pricealley.co.uk/Electronics，身体右上角有两个图标。我想要这些功能。

Answer 1

当然，他们这样做的方式是通过创建视图和使用jQuery在视图之间切换。

在HTML布局：

View 1: 
<div id="grid"> ... </div> 

View 2: 
<div id="list"> ... </div> 

在你的jQuery，你可以说：

$(document).ready() { 
    $(div#grid_icon).click(function() { 
     $(div#grid).show(); 
     $(div#list).hide(); 
    }), 

    $(div#list_icon).click(function() { 
     $(div#grid).hide(); 
     $(div#list).show(); 
    }) 
}; 

希望它能帮助。