同时运行两个动作，fadein（）＆amp;动画（）

Question

  

可能重复：
  How do you fadeIn and animate at the same time?

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

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

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

我也试过了，但我没有结果：

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

由于

Answer 1

为什么不简单地使用animate()：

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

Answer 2

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

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

首先我做了display:none;然后用jQuery应用了css并将其设置为动画。同时看似两种效果。

Answer 3

animate似乎不适用于display: none元素（如fadeIn那样）。因此，您可能需要先使用animate：

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

Answer 4

试试这个：

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

Answer 5

你可以简单地使用

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