jquery可拖拽，切换到originalPosition另一个draggable答案

【问题标题】：Jquery draggable and droppable, switch to originalPosition another draggablejquery可拖拽，切换到originalPosition另一个draggable
【发布时间】：2011-12-07 22:09:27
【问题描述】：

我正在使用可拖放的 Jquery UI。我有一个接受 .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 :)

【问题讨论】：

你为什么不研究一下克隆，或者使用一个处理程序，或者看看可拖动的选项，我确定有什么可以做的。

标签： javascript jquery html css jquery-ui

【解决方案1】：

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

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

【讨论】：