jQuery同步动画？

【问题标题】：jQuery synchronous animations?jQuery同步动画？
【发布时间】：2009-06-02 11:38:38
【问题描述】：

我有一个 jquery 动画 .. 实际上它的 2 .. 淡入然后随着动画移动..

问题是它首先完全淡入然后动画（移动位置）......

我想做的是开始淡入淡出，不要等待它完成（目前似乎正在发生）..并开始动画..

因此两者同时发生..目前..第一个似乎运行并等待...然后动画（更改位置）运行..

任何想法如何同时运行两者...

$('#Test').fadeIn("6000");
$('#Test').animate({ 'top': "-=100px" },"6000");

【问题讨论】：

【解决方案1】：

这个怎么样？

$('#Test').animate({'top' : '-=100px', 'opacity' : '100'}, '6000');

在这种情况下，您必须确保元素可见，因为 fadeIn() 还设置了“显示”属性。

【讨论】：

是的，这是真的，我的元素是隐藏的，所以我将不透明度设置为 0，然后将其设置为显示......但它不再一样淡入淡出......这就是我得到.. $('#Test').css('opacity', '0'); $('#Test').show(); $('#Test').animate({ 'top': '-=100px', 'opacity': '100' }, '6000');
我错了不透明度；它是小数而不是百分比。在隐藏元素上运行： $('#Test').css({'opacity' : 0, 'display' : 'block'}).animate({'top' : '-=100px', 'opacity' : 1}, 6000);