2013-04-18 6 views
1

작동 예제는 http://jsfiddle.net/BNMpC/을 참조하십시오.다른 애니메이션 다음에 애니메이션 실행

나는 기본적으로 이러한 오브가 자라서 호르몬이 켜지거나 꺼지는 것을 느꼈습니다. 나는 또한 다른 orbs 주위에 그들을 "nudging"있어. 한 번에 하나씩 끝내고 모든 애니메이션을 완성하게하면 멋지게 작동합니다.

"빨리 움직이는"기능이 제대로 작동하지 않는 경우가 많습니다. 나는 .filter(':not(:animated)')을 사용하여 애니메이션의 성장 및 축소가 중단되지 않았 음을 알았지 만 이것이 올바른 방향인지 여부는 확실하지 않습니다. 내가 제대로 질문을 받았다면

+0

나는 새로운 구가 떴다 도착하면, 당신은 이전의 애니메이션을 종료 할 필요가있다 생각할 수있는 한가지 및 재설정; 새 애니메이션 시퀀스를 시작하기 전에 * 또는 * DOM이 당신을 위해 당신의 "뾰족 함"을 처리하도록하십시오. (레이아웃 흐름에있는 orbs를 유지하고 크기 조정을 통해 요소를 이동 시키십시오). – Chad

답변

1

는 콜백 함수의 다음 애니메이션을 설정

$(selector).animation('slow', function(){$(selector).animation();}); 
+0

어, 시각 효과를 위해 동시에 실행해야하기 때문에 효과가 없습니다. – frogg3862

관련 문제