Isotope排序是否支持分页数据？

Question

我对Isotope及其排序功能感到惊讶。但是观察大多数其他使用Isotope的布局，我终于明白了，那里没有任何分页。所以，我想知道，Isotope是否支持分页数据？

假设我有数据及其数量：

• 网页设计（200）
• 网页开发（190）
• Apps Dev（5）

并且组合的混合数据总数为300。没有分页，页面的加载时间就会溢出。并且每页分页10件......

那会发生什么？

点击＆＃34;网页设计＆＃34;链接将从Web设计类别中排序10个数据（+分页为20页（20x10 = 200）），或者例如仅来自该页面的分页项目的3个数据（其中7个是另外两个cat＆＃39） ; s - WDes 3，WDev 6，应用程序1（+分页完整 - 30页））

Answer 1

为什么你不会看到很多与同位素组合的paginatiors的原因是因为过滤。

默认情况下，过滤的工作方式如下：

$container.isotope({ filter: '.selector' });

你可能猜测它检查整个DOM并过滤掉没有这个类集的元素。

相反，你可以使用匿名函数并改变这种行为：

$container.isotope({
  filter: function() {
   // do whatever
  }
});

现在有很多方法可以实现分页，但与同位素组合我推荐一种基于ajax的方法，结合同位素方法，您可以找到here。

从一开始就拥有一个已完成的DOM，而不是动态地和/或可移动地添加您的分页项目。

无论你想在过滤器匿名功能中添加这些项目，还是通过你的分页，ajax调用取决于你我可能会在函数中执行此操作。