2011-12-19 2 views
1
여기

가 jQuery를 내가 목록의 일부 항목에 애니메이션을 작성했습니다되어 간단하게 만들 수 있습니다많이 나는이

$("#titleTile").delay(5000).animate({top: "160px"}, 300, function() { 
    $(".tweet_msg.t0").animate({top: 0, height: "show"}, 300, function() { 
    $(".tweet_msg.t1").delay(5000).animate({top: 0, height: "show"}, 300, function() { 
     $(".tweet_msg.t2").delay(5000).animate({top: 0, height: "show"}, 300, function() { 
     $(".tweet_msg.t3").delay(5000).animate({top: 0, height: "show"}, 300, function() { 
      $(".tweet_msg.t4").delay(5000).animate({top: 0, height: "show"}, 300); 
     }); 
     }); 
    }); 
    }); 
}); 

내 코드를 작성할 수있는 더 나은 방법이 있나요?

두 번째로 내가 호출 할 수있는 함수로 마무리 할 수 ​​있습니까?

+0

가능 중복 (http://stackoverflow.com/questions/6829413/a-non-nested-animation-sequence-in-jquery) –

+0

있을 당신은 HTML을 사용하여 쉽게 사용할 수 있습니다. 성? 더 나은 아직, 당신은 당신이하려고하는 작업 jsfiddle.net 버전을 만들어야합니다. 나는 너를 그렇게 잘 도울 수있다. – einar

답변

3

다른 옵션은 단일 요소에서 사용자 지정 큐를 사용하는 것입니다. 이것이 당신이하는 전부라면 잔인 할 수 있습니다.

http://jsfiddle.net/jRawX/2/

http://api.jquery.com/queue/

지금까지 함수에 포장으로, 물론, 단지 기능에 포장 : 당신이 원한다면, 여기에 내가 이전의 질문에 대해 생성 한 작은 예입니다 [? jQuery를의 비 중첩 애니메이션 시퀀스]

function something(){ 
    // do your stuff 
} 
+0

나는 이것을 아주 좋아하는데, 읽기가 훨씬 쉽다. – CLiown

+0

대기열의 각 애니메이션 사이에 지연을 어떻게 추가 할 수 있습니까? – CLiown

+0

큐 이름을 전달하는'delay'를 사용하십시오. http://jsfiddle.net/jRawX/20/ –

관련 문제