同时对一个元素产生多重影响

Question

我试图同时淡化和动画。然而，它是一个接一个地做它们。你是如何同时做到的。

我试过了：

$('#box').fadeIn(1000);
$('#box').animate({marginTop:'0'}, 1000);

和

$('#box').fadeIn(1000).animate({marginTop:'0'}, 1000);

但他们都做同样的事情。一个事件然后另一个。我如何同时做这些？

Answer 1

您可以设置不透明度而不是FadeIn。因此，将元素设置为不透明度0，删除display：none，然后为不透明度设置动画，它将与边距动画同时发生。

Answer 2

您必须使用dequeue：

  

当调用jQuery.dequeue（）时，队列中的下一个函数将从队列中删除，然后执行。

这将导致它们同时发生。

$('#box').fadeIn(1000).dequeue().animate({marginTop:'0'}, 1000);