Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery动画队列:false无法使动画同步_Javascript_Jquery_Ajax_Jquery Animate - Fatal编程技术网

Javascript jQuery动画队列:false无法使动画同步

Javascript 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'}, {

我以前曾使用jQuery
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有点陌生。只是更改了它,使它们都使用相同的缓解模式,但仍然不起作用。谢谢,这救了我的命(嗯,不是真的,但它节省了很多时间!):)