我对同位素及其分类能力感到惊讶。但观察到大多数其他使用同位素的布局,我得出的结论是,其中任何布局都没有分页。所以,我想知道,同位素支持分页数据吗?
假设我有数据和它们的计数:
- 网页设计(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调用添加这些项都由你决定,我可能会在函数中完成。