问题标签 [transitionend]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
27 浏览

javascript - 如何让 TransitionEnd 在集合中的每个项目上工作,而不是只在最后一个项目上触发?

我需要元素进行转换(添加一个类),然后在完成所述转换后恢复(通过删除类)。这有效,但仅适用于集合中的最后一个元素(无论有多少)。如何让 transitionEnd 在每个元素上触发,而不仅仅是最后一个元素?

我已经尝试了各种超时等来代替 .on('webkitTransitionEnd... 到目前为止没有任何效果。

我不能按顺序将它们关闭,因为它会花费太长时间。有几十个需要同时发射。

有没有办法排队,还是我完全以错误的方式接近这个?

在实际应用程序中,文本会在循环之间发生变化和其他事情,这就是为什么可以使用关键帧让它向下摆动,等待然后再向上。

提前致谢,请告知我是否应该以不同的方式发布/措辞这个问题。