首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >同位素排序是否支持分页数据?

同位素排序是否支持分页数据?
EN

Stack Overflow用户
提问于 2014-10-28 09:51:52
回答 1查看 1.2K关注 0票数 0

我对同位素及其分类能力感到惊讶。但观察到大多数其他布局使用同位素,我结束了,在那里没有分页的任何一个。所以,我想知道,同位素是否支持分页数据?

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

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

数据的总数是300,是一个组合的混合物。在不分页的情况下,页面的加载时间将溢出。每页分页10项.

那会发生什么呢?

点击“网页设计”链接,它会对网页设计类别中的10个数据进行排序(+分页为20页(20x10=200)),或者例如,仅从该页面的分页项中选择3个数据(其中其他7个数据属于其他两个cat的-- WDes 3、WDev 6、Apps 1(+页面完整- 30页))?

EN

回答 1

Stack Overflow用户

发布于 2014-10-28 10:16:42

为什么你不会看到很多与同位素结合在一起的分页者,是因为过滤。

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

代码语言:javascript
运行
复制
$container.isotope({ filter: '.selector' });

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

相反,您可以使用匿名函数并像这样修改行为:

代码语言:javascript
运行
复制
$container.isotope({
  filter: function() {
   // do whatever
  }
});

现在有很多实现分页的方法,但是结合同位素,我建议采用一种基于ajax的方法,结合使用非同位素方法,您可以找到这里

而不是从一开始就有一个完整的DOM,您需要动态地添加分页项和/或可移动的项。

无论您想要在筛选器中添加这些项,匿名函数还是通过分页ajax调用,我可能都会在函数中这样做。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26605252

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档