jquery - 同时运行两个动作，fadein() & animate()

Question

可能重复：
你如何同时淡入和动画？

我想使用jquery同时淡入和动画一个div。这是我的代码：

$('#div').fadeIn('slow').animate({'left' : '5%'}, duration);

问题是，我先褪色，然后 div 开始自己动画；

我也试过这个，但我没有结果：

$('#div').fadeIn('slow');
$('#div').animate({'left' : '5%'}, duration);

谢谢

Answer 1

你可以试试这个：http: //jsfiddle.net/dXCPF/1/

$('#div').css({'display':'block', 'opacity':'0'})
         .animate({'opacity':'1','left':'5%'}, 1500);

首先我做了，display:none;然后用 jQuery 应用 css 并对其进行动画处理。似乎两种效果同时出现。

Answer 2

为什么不简单地animate()用于两者：

$('#div').animate({
    'left' : '5%',
    'opacity' : 1
}, 600);

Answer 3

Try this:

$('#div').animate({ 
    opacity: 1
}, { duration: slow, queue: false });
$('#div').animate({
   left: '5%'
}, { duration: duration, queue: false });

Answer 4

你可以简单地使用

$('#div').fadeIn(fast).animate({'left' : '5%'}, fast);

Answer 5

animate 似乎不适用于display: none元素（就像fadeIn那样）。所以，你可能需要在使用之前把这个animate：

$('#div').css('display', 'block');
//then use animate
$('#div').animate({'left' : '5%'}, duration);