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({});

jquery在准备就绪后立即显示节点

1 个答案: