2014-01-12 77 views
0

我想將animate()slideUp()函數應用於相同的元素。兩個功能將同時開始,但會在不同的時間結束。我怎樣才能做到這一點?jQuery animate()和slideUp同時

如果我做

$(el).animate(200); 
$(el).slideUp(2000); 

slideUp功能等待animate功能來完成。

感謝

+0

'.animate()'和'.slideUp()'會將請求的效果添加到所討論元素的動畫隊列的末尾,除非指定'queue:false'。你想要做的實際動畫是什麼? '$(el).animate(200)'什麼也沒做...... – nnnnnn

回答

2

運行的同時將兩個FX,您可以通過 「排隊:假」 作爲這樣一個論點:

HTML:

<div class="el"></div> 

CSS:

.el { 
    height: 100px; 
    width: 100px; 
    border: 1px solid black; 
    position: relative; 
} 

Javascript:

$('.el') 
    .animate({'left' : '100px'}, 500) 
    .slideUp({duration: 1000, queue: false}); 

此代碼將滑動元素右移0.5秒,同時將其滑動1秒。這裏有一個jsfiddle顯示:http://jsfiddle.net/cWLvc/