1

マウスをクリックしたときに取得したマウス座標に 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;
}

誰かが私を正しい方向に向けることができれば、それは素晴らしいことです! ありがとう

4

2 に答える 2

2

変化する

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

に

$("#move").animate({左: relX, 上: relY});

于 2012-12-29T01:11:29.040 に答える
2

みんなが言ったように、jsFiddle に例を追加します。

http://jsfiddle.net/E64TK/

また、CSSで「:」を忘れました

#container {
   width: 500px;
   height{here} 500px;
}
于 2012-12-29T01:13:24.813 に答える