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

Question

我很惊讶Isotope和它的排序能力。但是观察大多数其他使用同位素的布局，我终于明白，在那里没有任何分页。所以，我想知道，Isotope是否支持分页数据？

想我再也数据和他们的罪状：

• 网页设计（200）
• Web开发（190）
• 应用程序开发（5）

，共有数的数据在混合组合中为300。没有分页页面的加载时间会溢出。并与每页10个项目的分页...

然后会发生什么？

点击“网页设计”链接，它会对网页设计类别中的10个数据进行排序（+ 20页分页（20x10 = 200）），或者例如仅从该页面的分页项目中分配3个数据（另外7只猫是另外两只猫的--WWes 3，WDev 6，Apps 1（+分页完好无损 - 30页））？

Answer 1

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

默认情况下，过滤是这样的：

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

，你可能已经猜到它会检查整个DOM并筛选出没有这个类集合中的元素。

上，您可以使用匿名函数，并改变这种行为，像这样相反：

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

现在有相当多的方式来实现分页，但与同位素结合我推荐一个基于AJAX的方法与关闭同位素组合方法，你可以找到here。

从一开始就有一个完整的DOM，你会想动态地和/或可移动地添加分页的项目。

无论你想在你的过滤器中添加这些项目匿名函数或通过你的分页ajax调用取决于你我可能会在函数中做到这一点。