jQuery Animate - 将2个不同的动画属性应用于具有2个不同计时器的同一元素

Question

下面的jQuery工作得很好，但是我想在2000年和marginLeft 4000之间使用不透明度。我尝试在元素上做两次动画，但是一个不会开始直到另一个完成。这是我的工作代码：

$('.active-text', $('#message-box')).animate({opacity:1, marginLeft: "60px"}, 4000);

以下是我尝试做的事情以获得理想的效果：

$('.active-text', $('#message-box')).animate({opacity:1}, 2000);
$('.active-text', $('#message-box')).animate({marginLeft: "60px"}, 4000);

Answer 1

在动画中设置queue: false以同时运行它：

$('.active-text', $('#message-box')).animate({opacity:1}, { queue: false, duration: 2000 });
$('.active-text', $('#message-box')).animate({marginLeft: "60px"}, { queue: false, duration: 4000 });