同位素 - 限制匹配结果的显示数量

Question

我正在使用带有大型数据集的Isotope，我想限制显示结果的数量。

如果我有这样的文字过滤器：

$container.isotope({ filter: function() 
{
  var text = document.getElementById('searchTerm').value;
  var filter = new RegExp("^"+text, "i");

  return tag.match(filter);
});

如何设置此限制？

谢谢

Answer 1

你真的应该使用ajax，即使你会解决这个问题，你可以通过简单地在DOM中进行计数并隐藏元素并在过滤时切换它们的显示/隐藏状态，你仍然会加载所有这些一旦。如果您使用ajax然后加载X数，然后每次使用加载更多按钮时添加或插入同位素。另外，您可以使用延迟加载和this SO answer