javascript - 如何不让 Masonry 一次加载所有 div

Question

我已经在 tumblr 上使用 jQuery Masonry 一段时间了，所以我想我会在我的作品集网站上使用它来加载我的摄影作品。但是我找不到任何地方可以解释如何在用户点击页面底部时加载它们的集合。 我应该使用分页来控制它吗？

我现在有最简单的砌体 js。

$(document).ready(function() {
  $('#pics').masonry({
   columnWidth: 379,
   itemSelector: '.cell'
  }).imagesLoaded(function() {
   $('#pics').masonry('reload');
  });
});

此外，即使我在底部设置了一个 div 以清除:两者，#pics div 仅与页面本身一样大，不会扩展以适合我的所有图片(因为它们向左浮动)。但是我所见过的“欺骗”父 div 使其扩展以适应其所有 float 子元素的方法都没有奏效。我有一种感觉，因为我是通过 php 而不是直接在 html 中加载它们。

所以，它们都在那里，所有的图片，只有 5 张可以看到，而其余的都被明显地砍掉了。我不想一次加载 200 张图片。

Answer 1

您是否尝试过记录的appended 方法here .它应该为您完成这项工作。