可移动元素在移回时覆盖另一个

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/