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});