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 });