javascript - 队列中的“for”循环,替换跨度标签的问题

标签 javascript jquery

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

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

这是一次尝试编写一个程序,该程序将对 100 的质因数分解进行动画处理。它是用 for 循环构建的,其中 #target div 每次都会接收新的 html,并在需要的部分周围添加“span”标签。更换。然后“跨越”的部分应该淡出,被某些东西取代,然后淡入。如果你运行它,你会发现淡入/淡出仅在循环中第一次起作用,然后停止。我的猜测是,这是因为当下一次迭代替换#target div中的html时,“span”标签被视为新的东西,并且不受原始“span”队列的影响。我不知道这是否有意义,但是如果您研究代码并运行它,您就会明白我的意思。

我尝试使用类和 ID 来修复它,但我认为相同的核心问题仍然存在。谁能找到解决这个问题的方法吗?

我想我通过为每个部分添加单独的 div 并更改数组来修复它:

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

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

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

谢谢!

最佳答案

这似乎有效:

http://jsfiddle.net/EHJfR/

关于javascript - 队列中的“for”循环,替换跨度标签的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12255077/

相关文章:

javascript - innerHTML 不工作的javascript

javascript - 网站在 Safari 中消失了,为什么?

jquery - 使用 jquery 调用 "imdbapi.com"

javascript - 使用 javascript 函数加载 View

javascript - Bootstrap 未在 XMLHttpRequest 注入(inject)中加载

javascript - Redux - 添加/删除输入字段 onclick

javascript - Graphql,react-apollo 如何在加载组件状态时将变量传递给查询

javascript - 替换()正则表达式多换行符字符串不起作用javascript

Jquery - 如果 .find 什么都不返回

javascript - DIV并排,位置不正确