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

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

希望它有所帮助。