運行兩個動作的同時，淡入（）和動畫（）

Question

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

我想淡入，並在同一時間動畫一個div通過使用jQuery。 這裏是我的代碼：

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

的問題是，我的衰落先，股利也開始動畫本身;

我嘗試這樣做，但我卻沒有任何結果：

$('#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; CSS的jQuery和動畫也是。看起來同時有兩種效果。

Answer 2

爲什麼不能簡單地用animate()兩種：

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

Answer 3

動畫不會出現上下工夫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);