0

既存の回答を見ましたが、これについて頭を悩ませることはできません。

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

任意の助けをいただければ幸いです。

ありがとう

4

1 に答える 1

0

私が知る限りimagesLoaded()、子供たちには画像が含まれているため、子供たちに呼び出されるべきです

関数をチェックアウトしたところ、正しいセレクターは次のようになります。

$('#parent .child img')

そしてもう1つ、あなたの質問を誤解していたと思います...最初の子の画像だけがロードされた後に起動したいですか?

次に、これを行います：

$('#parent .child').eq(0).imagesLoaded({});
于 2012-08-10T11:42:56.370 に答える