1

画像の壁があり、テキストの下に、画像をフェードインしてからテキストをフェードインさせたいと考えています。
以下のコードでは、各画像がフェードインしてから、すべてのテキストが一度にフェードインします。

Q:インデックスを使用して、対応するテキストがその画像に続いてフェードインするようにするにはどうすればよいですか?同様の質問を見つけました
が 、これを機能させることができませんでした。 css:


.mydiv a, .mydiv p{ display:none;}

js:

$('.mydiv a').each(function(index){
    var c = $(this);
    $(new Image()).load(function(){
            c.fadeIn(500);
            setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index
    }).attr('src', c.find('img').attr('src'));
});
4

2 に答える 2

4

cp 要素ごとに 1 つの mydiv がある場合は、既存の変数から移動します

$(c).closest(".mydiv").find("p").fadeIn(250);

または使用.eq()

$(".mydiv p").eq(i).fadeIn(250);
于 2012-10-17T17:25:38.597 に答える
0
$('.mydiv a').each(function(i, e){
    var c = $(this);
    e.load(function(){
            c.fadeIn(500);
            setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index
    }).attr('src', c.find('img').attr('src'));
});
于 2012-10-17T17:26:12.167 に答える