同位素分页与负载更多

Question

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

似乎

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

但是

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

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

以下是代码扩展中的演示：http://codepen.io/laura-chesches/pen/RKPWGo

Answer 1

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

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

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

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