アニメーションの後ろに付ける

Question

divを別のdivにアニメーション化し、それをアニメーション化するdivの前に追加したいとします。私はdivをアニメーション化するmove_to_inventoryという関数を持っています。それが終わったら、prepend_itemsを起動します。しかし、私はそれを働かせることはできません。私はどこでこれを間違っているのですか？

function move_to_inventory(spelPlan){ 
    $(spelPlan).children('.box').each(function() { 
     $(this).one('click', function(){ 
      var inventoryPos = $("#inventory").position(); 
      $(this).animate({ 
       width: ($(this).width()/2), 
       height: ($(this).height()/2), 
       left:inventoryPos.left+13, 
       top:inventoryPos.top+12 
      }, 1000); 
      prepend_items(); 
     }); 
    }); 

} 

function prepend_items(){ 
    $(this).prependTo('#inventory'); 
} 

Answer 1

jQuery's animate非同期であるので、シリーズでそれを次のコードは、アニメーションがキューイングされた直後に実行されますが、それは実際にアニメーションを開始する前に。 prepend_itemsをアニメーションにコールバックとして渡して、アニメーションが完了したときに実行させることができます。

変更：魔法のように動作

 }, 1000, prepend_items);