队列中的'for'循环,替换span标签的问题

时间:2012-09-03 23:32:25

标签: javascript jquery

我正在尝试使用队列函数中的动画做一些棘手的事情。我犹豫是否在这里发布我的原始代码,因为它很长而且很混乱。但是我已经把我遇到的问题归结为以下示例(我正在使用Alnitak的这种方法对队列进行编码:jQuery: code stops working after adding delay() and removeClass()):

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

这是尝试编写一个程序,它将动画100的主要功率因子分解。它构造了一个for循环,其中#target div每次都接收新的html,并且需要在该部分周围加上“span”标记更换。然后'span'ned部分应该淡出,被某些东西替换,然后淡入。如果你运行它,你会看到淡入/淡出仅在循环中第一次起作用然后停止。我的猜测是因为当下一次迭代替换#target div中的html时,'span'标记被视为新的东西而不受原始'span'队列的影响。我不知道这是否有意义,但如果你研究代码并运行它,你就会明白我的意思。

我已经尝试用类和id修复它,但我认为同样的核心问题仍然存在。有人能看到解决这个问题的方法吗?

我以为我通过为每个片段添加单独的div并更改数组来修复它:

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

这只是很有效,除了这些小抽搐似乎是随机发生的。因此,如果有人能够看到如何解决这个问题,那就太棒了。

在任何一种情况下,我都需要一个不是特定于分解数字的解决方案,因为我正在尝试将此方法用于更大的项目。

谢谢!

1 个答案:

答案 0 :(得分:0)

这似乎有效:

http://jsfiddle.net/EHJfR/