Jquery 将动画添加到偏移

我正在开发一个简单的应用程序，可以将元素移动到特定位置。我成功地移动了元素，但我想在移动元素时添加动画。我尝试使用动画而不是偏移，但不起作用

希望你能帮助我

谢谢。

$（“按钮”）。单击（函数（）{
var offset=$（'.target'）.offset（）；
变量对象=$（'.object'）；
offset（{top:offset.top，left:offset.left}）；
});
.container{
宽度：120px；
高度：150像素；
文本对齐：居中；
}
.目标{
保证金：0自动；
宽度：100px；
高度：100px；
背景色：#DDD；
边缘底部：100px；
}
.反对{
保证金：0自动；
宽度：50px；
高度：50px；
背景颜色：棕色；
}
钮扣{
边缘顶部：20px；
}

移动
您需要将$（'.object'）的位置设置为绝对值。
您可以在jquery中设置它，然后像这样使用动画：

$('button').click(function(){
   var offset = $('.target').offset();
  $('.object').css("position","absolute")
  .animate({
  "top":offset.top,
  "left":offset.left
  })
});

或者使用css进行设置（在这种情况下，您必须设置对象的初始顶部和左侧）

工作示例：
要设置
div.object
的动画，需要将其位置设置为
绝对
。并根据您对
div.object
和
按钮的要求，检查以下代码段中更新的CSS

代码片段：


$（“按钮”）。单击（函数（）{
var offset=$（'.target'）.offset（）；
变量对象=$（'.object'）；
对象动画({
top:offset.top，
左：offset.left
});
});
.container{
宽度：120px；
高度：150像素；
文本对齐：居中；
}
.目标{
保证金：0自动；
宽度：100px；
高度：100px；
背景色：#DDD；
边缘底部：100px；
}
.反对{
宽度：50px；
高度：50px；
背景颜色：棕色；
位置：绝对位置；
左：43像素；
}
钮扣{
顶部：70像素；
位置：相对位置；
}

移动
谢谢，有没有办法使方向笔直。@如果要同时更改垂直和水平位置，请不要标记。如果这不是你想要的，那么你需要更好地解释，因为这正是你到目前为止提出的问题。你所说的直截了当是什么意思？您可以设置$（'.object'）和$（'.container'）的初始css，以便它们对“left”属性具有相同的值。比它看起来像是直线上升。