带有砌体的网格视图/列表视图答案

【问题标题】：Grid View / List View with Masonry带有砌体的网格视图/列表视图
【发布时间】：2012-08-01 17:47:22
【问题描述】：

自 2 天以来，我一直在处理这个问题。 http://jsfiddle.net/DSk8D/

我想用网格视图实现 jquery.masonry，但是 jquery 钩子是错误的 $('#products.grid').masonry({ ？只有在刷新时它才会起作用 - 嗯很奇怪。我尝试了很多东西，但没有任何效果。

我将非常感谢您的帮助。

【问题讨论】：

选择器对我有用。你能详细说明一下吗？
当然。我想通过演示顶部的 2 按钮“网格”和“列表”切换列表视图和网格视图，您如何在 jsfiddle.net/DSk8D 中看到 - jquery masonry 插件仅在我按下“ Grid-Button”然后刷新页面或只刷新。（请删除cookies，看看我的意思）

【解决方案1】：

当您希望文档上的网格视图准备好时，您需要在文档加载后将网格类分配给产品 ID：

 $("#products").addClass("grid");

. 如果可能，您可以将其添加到您的 html 模板中：

 <div id="products" class="grid">

【讨论】：