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