【问题标题】:jQuery animate queue: false not working to make animations simultaneousjQuery动画队列:false无法同时制作动画
【发布时间】:2013-03-31 20:11: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 是“通知”标题栏的变量,nc 是首先展开的通知容器的变量。知道有什么问题吗?

【问题讨论】:

  • 代码似乎正确。您是否尝试过使用像 n.animate({width:400},{queue:false, duration:200}); 这样简单的东西来运行它,以确保它不是破坏它的宽度或持续时间。
  • 我刚试过,它做同样的事情。不过,感谢您的调试建议。
  • 如果你放慢速度,这两个动画似乎同时发生,但缓动模式不同。
  • 我不确定为什么会发生这种情况,因为我没有为任何一个指定缓动模式。我将如何指定一个以便我可以使它们相同?抱歉,我对 jQuery 有点陌生。
  • 刚刚改变了它,所以它们都使用相同的缓动模式,但仍然不起作用。

标签: javascript jquery ajax jquery-animate


【解决方案1】:

您的 CSS 中可能有 Transition 属性,在您尝试设置动画的选择器上。 我花了很长时间才弄清楚这一点,但显然,CSS 过渡强制动画要么滞后,要么发生在所有其他动画之后,谁能澄清或确认这一点?

同时使用 jQuery 动画和 CSS 动画可能会很棘手,有人对此有任何见解吗?提示?

【讨论】:

  • 谢谢你,这救了我的命(嗯,不是真的,但它节省了很多时间!):)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多