Jquery可拖拽和droppable，切换到originalPosition另一个可拖拽

我正在使用jQuery UI可拖拽和droppable。我有一个容器，它接受.category1类的所有div，我必须做的是：如果我把一个div放到已经有另一个div的容器中，请将原来的div恢复到原始位置。这是我的代码：Jquery可拖拽和droppable，切换到originalPosition另一个可拖拽

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

我想第一部分能回到原来的位置，如果我在容器中插入第2部分，反之亦然。这必须为同一班级的n个分组工作。

有什么建议吗？

TNX提前:)

来源

2011-12-07 Attila

时删除你为什么不看看克隆，或者使用处理程序，或者查看可拖动的选项，我确定有些事情可以做到。 – Val

我解决它的时候它进入第一次容器分配一个类，然后移动另一个DIV

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

来源

2011-12-07 14:09:27 Attila

Jquery可拖拽和droppable，切换到originalPosition另一个可拖拽

回答

相关问题