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

Question

我正在使用美妙的masonry 级联网格布局库在我的网站上显示多个projects。

这是我的javascript：

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

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

如果点击一个类别也能触发砌体效果就好了，有点像this example。

如何做到这一点？

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

感谢您的帮助。

Answer 1

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

Answer 2

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

它可以做Masonry风格的排序和过滤。