Jqueryをドラッグ＆ドロップできる、別のドラッグ可能な位置に戻す

Question

私はJquery UIをドラッグアンドドロップ可能にしています。 .category1クラスのすべてのdivを受け入れるコンテナを持っています。私がしなければならないことは次のとおりです。 divをすでに別のdivにしているコンテナにdivを入れた場合、元の位置に戻します。 これは私が持っているコードです：私は、コンテナ内のパート2を挿入し、その逆ならば、私はパート1が元の位置に戻すようにしたい

$(document).ready(function() { 
$(function() { 
    $("#Part1").draggable({ revert: "invalid", snap: "#Part1Container", snapMode: "inner" 
}); 


$("#Part1Container").droppable({ 
     accept: ".category1", 
     drop: function (event, ui) { 
      //Some other logic 
      } 
     } 
    }); 

とHTML

<div id="Part1" class="ui-widget-content category1"></div> 
<div id="Part2" class="ui-widget-content category1"></div> 

。これは同じクラスのn個のdivで機能するはずです。

提案がありますか？事前に

TNX :)

Answer 1

私はそれを容器に初めて行くときに、クラスを割り当てて、それを解決し、そうでない理由を別のdiv

  $(".inCategory2").animate({ 
       top: 0, 
       left: 0 
      }).removeClass("inCategory2"); 
      ui.draggable.addClass("inCategory2");