javascript - JQuery - 动画 div 到鼠标坐标

Question

我正在尝试将 div 发送到单击鼠标时获得的一些鼠标坐标。第一部分，我得到鼠标坐标的地方工作正常——我只是很难创建动画部分。

$("#container").click(function(e){
   var parentOffset = $(this).parent().offset(); 
   var relX = e.pageX - parentOffset.left;
   var relY = e.pageY - parentOffset.top;

   console.log (relX);
   console.log (relY);

  $("#move").animate({left: 'relX', top: 'relY'});

});

CSS：

#container {
width: 500px;
height 500px;
}

#move {
width: 20px;
height: 20px;
background-color: #000;
position : absolute;
}

如果有人能指出我正确的方向，那就太棒了！谢谢

Answer 1

改变

$("#move").animate({left: 'relX', top: 'relY'});

到

$("#move").animate({left: relX, top: relY});

Answer 2

就像提到的人一样，我在 jsFiddle 上添加了示例：

http://jsfiddle.net/E64TK/

在CSS中你也忘记了“：”

#container {
   width: 500px;
   height{here} 500px;
}