jQuery Isotope限制元素数量？

Question

是否可以限制同位素中的条目数量？目前我正在调整Isotope的表格式数据结构,我正在添加动态排序.

它的方式 - 我有一定数量的HTML条目(暂时10).它们按时间添加排序.当用户选择某种排序时,数据库中可能存在与所请求的参数匹配的其他条目,但它们未被加载.所以我使用jQuery插入符合用户排序请求的元素

$.get('myfile.php?request=something', function(callback) {
    var $newItems = $(callback);
    $('.container').isotope( 'insert', $newItems );
    $('.container').isotope({ sortBy : USER_SORT });
});

所有这一切都很完美,我唯一的问题就是我添加了更多的元素(我希望保留一定数量的可见条目).我可以做一个解决方法,并限制我的容器和设置的高度overflow: hidden;,但我也实现垂直无限滚动(当你滚动到底部更多的条目被添加).所以这需要不断管理容器本身,在我看来应该有更好的方法来做到这一点？

另一种方法是添加新元素,进行排序,然后从底部删除不需要的条目,但这将是非常糟糕的,因为用户将看到过滤和动画的其他数据,然后删除.

所以我的问题..有没有办法限制同位素本身的条目？或者也许有人更好地了解如何限制它们？

谢谢

Answer 1

您可以使用nth-childCSS选择器来限制过滤结果的集合,例如

$grid.isotope({
    filter: ':nth-child(-n+10)'
});

这将显示前10个结果.