如何使用jQuery爲特定位置設置動畫

Question

我搜索了高和低，似乎無法找到解決方案。

我希望能夠點擊一個div並讓它在特定位置（比如x：200 y：200）生成動畫，而不管它已經存在於頁面上的什麼位置。例如，如果我的頁面上散佈了4個div，我希望能夠讓它們具有統一座標的動畫效果。有誰知道我能做到這一點？非常感謝。我試過使用.position和.offset的各種技巧，但似乎沒有任何工作。

謝謝。

Answer 1

使用.animate()。看這個例子：

$('#myDiv').animate({top: '50px', left: '50px'}, 2000, function() { 
    console.log('done!'); 
}); 

它會隨着時間爲2秒的動畫ID爲在div 「myDiv」 至（50,50）。