jQuery隊列與多元素

Question

我有n- <div>容器，並希望爲它們設置動畫。

我如何通過jQuery的.queue()和類似的代碼片段來實現它。

$('#div1').animate({ 'opacity': 1 }, 1000, function() { 
    $('#div2').animate({ 'opacity': 1 }, 1000, function() { 
     $('#div1').animate({ 'padding': '10px' }, 1000); 
     $('#div3').animate({ 'opacity': 1 }, 1000); 
    }) 
}); 

Answer 1

在它的動畫最簡單的使用，jQuery的保持一個獨立的動畫隊列各部分，使得使用單個隊列控制多個元素的唯一的辦法是把自己的自定義功能成知道隊列其中他們要操作的元素，這可能不會比你已經有的簡單。

動畫隊列的最簡單和默認使用是對同一個對象上的動畫操作進行排序。您可以將自己的自定義函數放入動畫隊列中，這偶爾會有用，但在您完成該操作時，您不會比已經呈現的代碼更簡單。

也許可以使用jQuery .deferred功能，但是對我來說這還不夠清楚，比起你已經擁有的更簡單。