將DIV設置爲另一個DIV位置

Question

我無法弄清楚如何爲我的DIV生成動畫，以便它進入＃slot1位置（以及後來選擇的任何插槽）。

這裏是我的javascript代碼和提琴

$(function(){ 
    $('#deck').click(function(){ 
    var slotPos = $('#slot1').position(); 
    $(this).animate({left: slotPos.left}, 400); 
    }); 

}); 

http://jsbin.com/ejeweb/4/

提前感謝！

Answer 1

$(#slot1).position() 

功能，給予相對位置w.r.t到

<div id='head'> 

容器。所以你可以嘗試下面的代碼。並據此使用它：

$(function(){ 
    $('#deck').click(function(){ 
var slotPos = $('#slot1').position(), 
     hand=$("#hand").position(); 
    $("#deck").animate({ 
    left: 10+hand.left+slotPos.left, 
    top:10 + hand.top}, 
    400); 
}) 
} 
); 

讓我知道這是否適合你！