1.7.2의 순차 jQuery 애니메이션

jQuery 1.7.2를 사용하여 순차적 애니메이션을 트리거하는 데 문제가 있습니다. 이것에 대한 다른 질문들이 여기에 있지만 API가 변경되었다는 것을 암시하는 최신 버전의 jQuery를 사용하면 모두 문제가있는 것처럼 보입니다.1.7.2의 순차 jQuery 애니메이션

필자는 순차적으로 페이드 인 (fade in) 애니메이션을 적용하고자하는 0부터 많은 요소를 가지고 있습니다.

내가 거라고라는 이름의 큐의 jQuery를 1.7의 도입으로

var divs = $('div'); 
divs.css('opacity',0); 
divs.animate({ 
    opacity: 1 
},{ 
    duration: 1000, 
    queue: 'myQueue' 
});

다소 순진이 명명 된 큐에 각 요소에 대한 애니메이션을 대기하고 다음을 실행하지만, 분명히 것이라고 가정 : 내 현재 코드는 뭔가처럼 보인다 이 작동하지 않습니다.

무엇을 제안하겠습니까?

출처

2012-08-14 Robin Whittleton

이 시도 - DEMO

$('div').each(function(i) { 
    $(this).delay((i + 1) * 1000).fadeIn(1000); 
});

출처

2012-08-14 16:09:56

감사 졸탄를! 그게 효과적이고 기대했던 것보다 더 간단합니다. 나는 이름 지어진 대기열이 어떻게 작동했는지 알아 내고 싶습니다. 그래서 누군가가 그것에 대한 답변을 얻었는지 알게 될 것이지만, 그렇지 않다면 나는 당신의 것을 받아 들일 것입니다. –

'.queue()'는 * 단일 * 요소에서 여러 애니메이션 효과를 차례로 실행하기위한 것이지, 여러 요소에서 하나의 애니메이션을 순차적으로 실행하는 것은 아닙니다. 일치하는 요소 세트에서 대기열을 실행할 수 있지만 동시에 발생합니다. http://jsfiddle.net/JdheJ/ –

Aha! 그리고 바로 저의 오해입니다. 감사! –

1.7.2의 순차 jQuery 애니메이션

답변

관련 문제