JQuery - 將動畫div分配給鼠標座標

我試圖發送一個div給我點擊鼠標時得到的一些鼠標座標。第一部分，我得到鼠標座標的工作正常 - 我只是難以創建動畫部分。JQuery - 將動畫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; 
}

如果任何人都可以在正確的方向指向我，這將是真棒！由於

來源

2012-12-29 MeltingDog

如果'$（「＃移動」）動畫。（{left：'relX'，top：'relY'}）;'be'$（「＃move」）。animate（{left：relX，top：relY}）;'？你想要left和top屬性具有實際值，而不是字符串。 –

變化

$（「＃移動」）動畫（{左： 'RELX'，頂： '依靠'}）; 。

到

$（「＃移動」）動畫（{左：RELX，頂部：依靠}）;

來源

2012-12-29 01:11:29

像提到的球員，我想補充例如上的jsfiddle：

http://jsfiddle.net/E64TK/

也CSS您忘記「：」

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

來源

2012-12-29 01:13:24 WooCaSh

JQuery - 將動畫div分配給鼠標座標

回答

相關問題