Jquery可拖动和可放置，切换到originalPosition另一个可拖动

Question

我正在使用Jquery UI draggable和droppable。 我有一个容器，接受.category1类的所有div，我要做的是： 如果我将div放入已经有另一个div的容器中，请将旧div恢复为 原来的位置。 这是我的代码：

$(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>

如果我在容器中插入Part2，我希望Part1回到原始位置，反之亦然。这必须适用于同一类的n个div。

有什么建议吗？

提前Tnx：）

Answer 1

我通过在第一次进入容器时为它分配一个类来解决它，然后在移动另一个div时将其删除

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