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

请告诉我这是否适合您！