jQuery 효과 대기열 이해하기

Question

하나의 jQuery 효과/애니메이션을 실행하려고합니다. 나는 이것을 시도했다 :

$('#myDiv').animate({'left':'+=300'},1000).delay(2000).animate({'left':'-=300'},1000); 

편집 :

이 실제로 나의 부분에 그냥 붙여 넣기 실수를 워크 않습니다. 자동으로 효과를 체인으로 연결하는 것은 우리가 원하는이다 docs에 따르면, 큐를 만듭니다이 문이 실행

$('#foo').slideUp().fadeIn();

는 요소는 즉시 슬라이딩 애니메이션 을 시작하지만 페이딩 전환 슬라이딩 전환이 일 때만 이라고하는 fx 대기열에 배치됩니다.

Answer 1

jQuery를 animate() 당신이이

$('#myDiv').animate({'left':'+=300'},1000, function() { 
    //Start Next Animation 
    $(this).animate({'left':'-=300'},1000, function() { 
    //Start Next animation 
    }); 
}) 

Answer 2

을 할 수있는 그것과 콜백 매개 변수

있다 (덕분에 도움을, 나에게 질문을 삭제하지 않습니다) 이를 수행하는 두 가지 방법은 callback 매개 변수를 사용하여 애니메이션을 적용하고 queues을 사용하는 것입니다.

Answer 3

div에 position: absolute; (또는 원하는 경우에 따라 relative)을 설정 했습니까? 그렇지 않으면 left에 애니메이션을 적용해도 아무런 변화가 없습니다. 다음은 작동 예제입니다. http://jsfiddle.net/vftNF/