2012-05-05 5 views
2

asp 페이지에 div가 여러 개 있습니다. jquery.show() 또는 jquery.fadein()을 사용하여 하나씩 페이지를로드 한 후 표시하려고합니다. 모두 함께 표시되지는 않습니다. , 하나씩 표시해야합니다.모든 div를 하나씩 표시합니다.

<div class = "trip">Trip1</div> 
<div class = "trip">Trip2</div> 
<div class = "trip">Trip3</div> 
<div class = "trip">Trip4</div> 

모든 응답을 주셔서 감사합니다.

+2

(http://mattgemmell.com/2008/ 12/08/what- 너 - 했어 /) – j08691

+0

@ j08691 +1500 너 –

+0

:) 그게 미안해. 나는 아무 것도 시도하지 않았다. 나는 stackoverflow에서 좀 초보자입니다. 나는 "감사합니다"라고 말해야한다고 생각하지 않았습니다. 투표에 답해 주신 것에 감사드립니다. 그러나 어쨌든 고마워. – Mtok

답변

4
$(".trip").each(function(i,e) { 
    $(this).delay(i*400).fadeIn(); 
}); 
3

DEMO

$(".trip").each(function(i) { 
    $(this).delay(i * 100).fadeIn(); 
});​ 
3
$('.trip').each(function(index, element){ 
    $(this).delay(1000 * index).show(0); 
}); 

Live DEMO

+1

+1을'show (0)'과'hide (0)'로 변경하면 +1합니다. 지금은 작동하지 않습니다. –

+2

@ user1370958 당신 말이 맞아, thx – gdoron

관련 문제