加载更多的同位素分页

Question

我使用了来自站点http://isotope.metafizzy.co/ 的同位素，并实现了一种通过按下按钮来加载更多项目的方法。 问题是当我隐藏元素以仅显示元素的初始数量时，我的同位素网格不会缩放。如果我按下显示更多按钮，布局会准确缩放。

好像

  $grid.isotope('hideItemElements', $(this)).isotope('layout');

但是

 $grid.isotope('revealItemElements', $(this)).isotope('layout');

工作得很好。你能告诉我我做错了什么吗？

这是 codepan 中的演示：http://codepen.io/laura-chesches/pen/RKPWGo

Answer 1

我设法解决了我自己的问题并制作了一个功能加载更多（显示更多）按钮。 这是工作代码：

http://codepen.io/laura-chesches/pen/xgEOpY

看来我不应该使用arrangeComplete事件，我只需要创建一个我使用的新函数：

 var itemElems = $grid.isotope('getFilteredItemElements');