jQuery animate queue: false不能同时制作动画

jQuery animate queue: false not working to make animations simultaneous

本文关键字：动画 不能 animate queue false jQuery      更新时间：2023-09-26

我以前使用过jQuery的queue修饰器使动画同时发生，但由于某种原因，这次我不能让它工作。

有问题的页面的URL是http://fretfast.com -当你点击左上角的"通知"，你会看到，首先横栏扩展，然后"通知"栏扩展到适合它，同样的事情发生在高度动画。

我是这样做的:

n.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5});
nc.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5});

其中n是"notifications"标题栏的变量，nc是首先展开的通知容器的变量。知道怎么了吗?

你可能在你的CSS中有过渡属性，在你想要动画的选择器上。我花了很长时间才弄明白这一点，但显然，CSS过渡迫使动画滞后，或者发生在所有其他动画之后，有人能澄清或确认这一点吗?

使用jQuery动画和CSS动画一起可能是棘手的，有人对此有任何见解吗?提示?

相关文章：