Jquery 同位素分页,负载更多

Jquery 同位素分页,负载更多,jquery,jquery-isotope,jquery-pagination,Jquery,Jquery Isotope,Jquery Pagination,我使用了网站上的同位素,并实现了一种方法,通过按下按钮来加载更多项目。 问题是,当我隐藏元素以仅显示元素的初始数量时,我的同位素网格将无法缩放。如果我按下“显示更多”按钮,布局将精确缩放 看来 $grid.isotope('hideItemElements', $(this)).isotope('layout'); 但是 $grid.isotope('revealItemElements', $(this)).isotope('layout'); 很好用。你能告诉我我做错了什么吗 这里

我使用了网站上的同位素,并实现了一种方法,通过按下按钮来加载更多项目。 问题是,当我隐藏元素以仅显示元素的初始数量时,我的同位素网格将无法缩放。如果我按下“显示更多”按钮,布局将精确缩放

看来

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

 $grid.isotope('revealItemElements', $(this)).isotope('layout');
很好用。你能告诉我我做错了什么吗


这里是codepan中的一个演示:

我设法解决了自己的问题,并制作了一个功能加载更多(显示更多)按钮。 以下是工作代码:

似乎我不应该使用arrangeComplete事件,我只需要创建一个新函数,我在其中使用了:

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

非常感谢。这似乎是一个很容易解决的问题,但已经让我发疯太久了。。。这正是我所需要的!