可移動元素在移回時覆蓋另一個

Question

目前我在http://jsfiddle.net/nivea75ml/yCnh5/處遇到小問題。 每當我從列表中拖動一個粉紅色的框到灰色區域，然後再將它移回時，它會覆蓋同一列表中的另一個。

如何避免這種行爲？

Answer 1

可放開和排序

$('#draggableList').sortable({ 
    receive: function(event, ui) { 
     var item = $('.ui-draggable-dragging'); 
     item.removeAttr("style"); 
     item.removeAttr('class'); 
     item.addClass('draggable'); 
    } 
}); 
var $tab_items = $("#droppable").droppable({ 
    //accept: ".draggable", 
    hoverClass: "ui-state-hover", 
    drop: function(event, ui) { 
     var item = $(this); 

     var olditem = $(".draggable.ui-sortable-helper").clone(); 
     if (olditem[0] != null) { 
      olditem.removeAttr('class'); 
      olditem.addClass('dragged'); 

      olditem.css({ 
       'position': 'absollute', 
       'top': ui.offset.top, 
       'left': ui.offset.left 
      }); 
      olditem.draggable({ 
       connectToSortable: "#draggableList", 
       helper: "original", 
       revert: 'invalid' 
      }); 

      ui.draggable.remove(); 
      $('#droppable').append(olditem).show("slow"); 
     } 

    }, 
    out: function(event, ui) {} 
}); 

http://jsfiddle.net/yCnh5/25/