jquery - jquery images一旦准备好就加载显示节点

Question

查看了现有的答案，但无法理解这一点。

我正在使用 jquery + imagesloaded + masonry 在页面上显示节点。

页面结构是这样的：

<div id="parent">
  <div class="child"><img /></div>
  <div class="child"><img /></div>
  <div class="child"><img /></div>
</div>

目前，代码执行以下操作： 1- 获取父内容 2- 等待所有子图像都加载完毕 3- 打印它们。

我正在尝试的是 1- 获取父母，获取每个孩子 2- 一旦为第一个孩子加载图像，打印它

这是我当前的代码。

var $container = jQuery('#parent');

$container.imagesLoaded(function(){
$container.masonry({   //this part prints children
  itemSelector: '.child',
  columnWidth: 410,
  gutterWidth: 30,
  isFitWidth: true,
  isResizable:true
});
});

任何帮助，将不胜感激。

谢谢

Answer 1

据我所知imagesLoaded()，应该叫孩子们，因为他们包含图像

我检查了功能，正确的选择器应该是：

$('#parent .child img')

还有一个补充，我想我误解了你的问题......你想让它在只加载第一个孩子的图像后触发？

然后这样做：

$('#parent .child').eq(0).imagesLoaded({});