javascript - 单击类别时如何触发砌体？

Question

我正在使用美妙的砌体级联网格布局库projects在我的网站上显示一些。

这是我的 JavaScript：

var container = document.querySelector('#projects');
var msnry = new Masonry( container, {
  // options
  columnWidth: 280,
  itemSelector: '.project'
});

现在，在我网站的侧边栏中，我还列出了categories我projects所属的各种，以便用户可以过滤它们。

如果单击类别也会触发砌体效果，那就太好了，有点像这个例子。

如何做到这一点？

我对 Javascript 和 jQuery 相当陌生，所以解决方案可能很简单。

谢谢你的帮助。

Answer 1

可以通过将新砖块附加到容器并使用 masonry.reload() 和选项 animate enable 运行它来完成。除了使用 append，您还可以使用 prepend。您也可以查看此站点http://www.maxmedia.com。

Answer 2

看看 JQuery Isotope 插件：http: //isotope.metafizzy.co/

它可以在 Masonry 样式中进行排序和过滤。