Is同位素排序支持分页数据


Is Isotope sorting supports paginated data?

我对同位素及其分类能力感到惊讶。但观察到大多数其他使用同位素的布局,我得出的结论是,其中任何布局都没有分页。所以,我想知道,同位素支持分页数据吗?

假设我有数据和它们的计数:

  • 网页设计(200)
  • Web开发(190)
  • 应用程序开发(5)

在混合的组合中,数据的总数是300。如果不分页,页面的加载时间将溢出。每页10个项目的页码。。。

那会发生什么?

点击"Web设计"链接,它会对Web设计类别中的10个数据进行排序(+页码为20页(20x10=200)),还是仅对该页面的分页项目中的3个数据进行分类(其中其他7个数据属于其他两个类别-WDes 3、WDev 6、Apps 1(+页码不变-30页))?

为什么你看不到很多与同位素结合的paginatior是因为过滤。

默认情况下,过滤工作方式如下:

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

正如您可能猜到的那样,它检查整个DOM并过滤掉没有这个类集的元素。

相反,你可以使用匿名函数来改变这种行为,比如:

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

现在有很多方法可以实现分页,但结合同位素,我推荐一种基于ajax的方法,结合同位素方法,你可以在这里找到。

与其从一开始就有一个完整的DOM,不如动态地和/或可移除地添加分页项。

无论你想在过滤匿名函数中添加这些项,还是通过分页ajax调用添加这些项都由你决定,我可能会在函数中完成。