2012-10-17 75 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

锚标记本身不会触发加载事件,并且加载事件不会在所有浏览器中冒泡。 –