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

JQuery - 动画div鼠标坐标

2 个答案: