2012-09-03 2 views
1

대기열 기능에서 애니메이션을 사용하여 까다로운 작업을 수행하려고합니다. 길고 지저분하기 때문에 원래 코드를 게시하는 것을 주저했습니다. 하지만 난 다음 예제를 보내고있어 문제를 (: jQuery: code stops working after adding delay() and removeClass() 내가 알니 타크하여이 방법을 사용하여 큐 코딩 해요)로 요약 한이 프로그램을 작성하기위한 시도가'for'루프 대기열, 스팬 태그 교체 문제

http://jsfiddle.net/AYMY7/6/

입니다 그 prime power factorization of 100을 애니메이션화합니다. #target div가 교체해야하는 조각 주위에 'span'태그를 사용하여 매번 새로운 html을 수신하는 for 루프로 구성됩니다. 그런 다음 '스팬'부분은 페이드 아웃되고, 무언가에 의해 대체되고, 페이드 인됩니다. 실행하면 페이드 인/아웃이 루프에서 처음으로 작동 한 다음 중지됩니다. 내 생각 엔 다음 반복이 #target div의 html을 바꿀 때 'span'태그가 원래 'span'대기열의 영향을받지 않고 새로운 것으로 처리되기 때문입니다. 그게 말이되는지 모르겠지만, 코드를 연구하고 실행하면, 무슨 뜻인지 알게 될 것입니다.

클래스와 ID로 수정하려고했지만 동일한 핵심 문제가 여전히 존재한다고 생각합니다. 누구든지이 문제를 해결할 수있는 방법을 볼 수 있습니까?

는 내가 배열을 각 부분에 대해 별도의 사업부 년대를 추가하고 변경하여 고정 된 생각 : 무작위로 발생하는 것이 작은 경련이있는 것을 제외하고

http://jsfiddle.net/nQjBw/2/

이 단지에 대해, 잘 작동합니다. 그래서 누군가가 대신이 문제를 해결하는 방법을 볼 수 있다면 그것은 굉장 할 것입니다.

두 경우 모두 큰 프로젝트에이 메서드를 사용하려고 할 때 숫자를 인수 분해하지 않는 솔루션이 필요합니다.

감사합니다.

+0

나는'var에 parts' 배열을 다시 작성에서 시작 당신은 예를 들어 예에 대한 자신의 구문을 만들 수 – Peter

+0

을 처음부터 시작합니다. '{2 * 2 [* 5 * 5]}'-'{}'사이에 str을 페이드 아웃시키고'[] '사이에 페이드 아웃합니다. 그런 다음 다시 시작하십시오. 귀하의 장소에서 나는이 방법으로 갈 것입니다 :) – Peter

+0

이 작동 방식을 보여주기 위해 줄 수있는 쉬운 예가 있습니까? – gmath

답변