jQuery Transit排隊過渡只能在id上正常工作，但不能上課

Question

我對JavaScript和jQuery相當陌生，現在正在嘗試使用jQuery Transit插件同時動畫3個div。 他們每個人都有一個唯一的ID，並且都具有相同的類別。現在

，根據Transit文檔，我只能排隊這樣的動畫：

$('.anim') 
.transition({ x: 40}, 4000) 
.transition({ y: 40}, 4000); 

如果我用這個每一個元素與它的ID調用它，轉變工作得很好。見jsfiddle here。

但是，如果我嘗試在所有元素上同時使用它，通過用它們的類名稱調用它們，只有第一個轉換工作，其他轉換跳轉到更改的位置，而不是使用持續時間進行平滑轉換。請參閱jsfiddle here。

這種行爲發生在jsfiddle以及我正在工作的本地頁面上，並且與所有轉換效果無關，無論位置或不透明度等。 花了幾個小時試圖修復它之後，我沒有知道該做什麼了。我嘗試過編寫代碼的各種方式，但只有在使用ID時纔有效。 （沒有間隔使用它也沒有區別）。

任何人都可以向我解釋，爲什麼類示例可能無法正常工作或我可以做什麼來解決它？

---

也與我的瀏覽器這個的jsfiddle例子奇怪的事情happend： 在另一個選項卡或程序是和回來的的jsfiddle後，頓時類的代碼工作正常，並與ID例如箱子似乎出同步，就像一個跳過了一個過渡。 Chrome和Firefox都是這種情況。更新小提琴後，類示例再次跳動，id示例再次正常工作。 （我試過多次）.. veeery奇怪的東西...

我無法在我的本地站點上重現此行爲，所以這可能是一個jsfiddle /瀏覽器問題連同間隔函數？

Answer 1

使用each()：

demo

_anim.each(function(){ 
    $(this).transition({ x: 40}, 1000) 
     .transition({ y: 40}, 1000) 
     .transition({ x: 0}, 1000) 
     .transition({ y: 0}, 1000); 
});