2012-10-17 78 views
1

我有一個圖像牆和一些文本底下,與我希望圖像淡入然後其文本淡入。
下面的代碼,每個圖像淡入,然後所有的文字一下子淡出。
jQuery每個索引迭代

問:我如何使用索引以便相應的文本會在其圖像後消失?
我已經found a similar question但無法得到這個工作。

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

導航從現有c變量是否有一個mydiv對於每一p組件

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

,或者使用.eq()

$(".mydiv p").eq(i).fadeIn(250); 
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')); 
}); 
+0

錨標記本身不會觸發加載事件,並且加載事件不會在所有瀏覽器中冒泡。 –