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

Question

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

这是我的javascript：

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

现在，在我网站的侧边栏中，我还列出了categories所属的各种projects，因此用户可以对其进行过滤。

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

如何实现这一目标？

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

感谢您的帮助。

Answer 1

可以通过将新砖附加到容器并使用带有选项animate enable的masonry.reload（）运行它来完成。而不是使用追加，你也可以使用前置。您还可以查看此网站http://www.maxmedia.com。

Answer 2

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

它可以用砌体样式进行排序和过滤。