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另一個可拖拽

回答

相關問題