同位素分选支持分页数据吗？

Question

我对同位素及其排序功能感到惊讶。 但是观察到大多数其他布局都使用了同位素，我得出结论，那里没有分页。 因此，我想知道同位素支持分页数据吗？

假设我有数据及其计数：

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

混合在一起的数据总数为300。 没有分页，页面的加载时间将溢出。 每页10个分页...

那会发生什么呢？

单击“网页设计”链接将对“网页设计”类别中的10个数据进行排序（+分页为20页（20x10 = 200）），或例如仅从该页的分页项中排序3个数据（其中还有7个数据）是其他两只猫的-WDes 3，WDev 6，Apps 1（带有完整的分页-30页）吗？

Answer 1

关于您为什么看不到与同位素结合使用的许多标签的原因是由于过滤。

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

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

您可能会猜到它会检查整个DOM并过滤掉未设置此类的元素。

相反，您可以使用匿名函数并按如下所示更改该行为：

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

现在有很多实现分页的方法，但是与同位素结合，我建议结合同位素方法的一种基于Ajax的方法，您可以在这里找到。

而是从一开始就拥有完整的DOM，您将希望动态地和/或可移动地添加分页的项目。

无论您要在过滤器匿名函数中的何处添加这些项目，还是要通过分页ajax调用来完成这些项，我都可以在该函数中完成。