想創建框視圖和列表視圖產品列表

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(); 
    }) 
}; 

希望它能幫助。