jquery - 如何使用 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 为“myDiv”的 div 设置为 (50,50) 的动画。