Javascript jQuery动画队列:false无法使动画同步
我以前曾使用jQueryJavascript jQuery动画队列:false无法使动画同步,javascript,jquery,ajax,jquery-animate,Javascript,Jquery,Ajax,Jquery Animate,我以前曾使用jQueryqueue修改器使动画同时发生,但由于某些原因,这次无法使其工作 有问题的页面的URL是-当您单击左上角的“通知”时,您将看到,首先,条会横向展开,然后“通知”条会展开以适应它,高度动画也会发生同样的情况 以下是我试图做到这一点的方式: n.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5}); nc.animate({width: em2px(35)+'px'}, {
queue
修改器使动画同时发生,但由于某些原因,这次无法使其工作
有问题的页面的URL是-当您单击左上角的“通知”时,您将看到,首先,条会横向展开,然后“通知”条会展开以适应它,高度动画也会发生同样的情况
以下是我试图做到这一点的方式:
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
是首先展开的通知容器的变量。你知道怎么回事吗?你的CSS中可能有过渡属性,在你试图设置动画的选择器上。
我花了很长时间才弄明白这一点,但很明显,CSS转换会迫使动画要么滞后,要么在所有其他动画之后发生,有人能澄清或确认这一点吗
同时使用jQuery动画和CSS动画可能很棘手,有人对此有什么见解吗?提示?代码似乎正确。您是否尝试过使用类似
n.animate({width:400},{queue:false,duration:200})的简单方法运行它代码>只是为了确保不是宽度或持续时间破坏了它。我只是尝试了一下,它也做了同样的事情。不过,感谢您的调试建议。如果您将其速度减慢,这两个动画似乎同时发生,但具有不同的缓和模式。我不确定为什么会发生这种情况,因为我没有为这两个动画指定缓和模式。我如何指定一个,以便使它们相同?抱歉,我对jQuery有点陌生。只是更改了它,使它们都使用相同的缓解模式,但仍然不起作用。谢谢,这救了我的命(嗯,不是真的,但它节省了很多时间!):)