如何在可丟棄Div中對克隆的Div進行排序

Question

我有一個fiddle，我有2個div。

<div> 
    <div class="inner1" id="sortable"> 
     <div class="inner" id="a"> a </div> 
     <div class="inner"> b</div> 
     <div class="inner"> c</div> 
     <div class="inner"> d</div> 
    </div> 
    <div class="inner1" id="draggable"> -----&gt; </div> 
    <div class="inner1" id="droppable"> 

    </div> 
</div> 

1st Div有項目a，b，c，d，它們是可排序的，第二個Div可以丟棄。

$(document).ready(function(){ 
    $("#sortable").sortable({ 
     revert:true 
    }); 
    $("#draggable").parent().draggable(); 
    $("#droppable").droppable({ 
     drop:function(e,ui){ 
      if($(ui.draggable).parent().attr("id")!=$(this).attr("id")) 
      $(ui.draggable).clone().appendTo($(this)); 
     }, 
     revert:true 
    }); 
    $("#droppable").sortable(); 
}); 

如果項目從Div1中刪除到Div2，它們將被克隆。這一切正在發生。

但我需要他們在第二分類中排序。

Answer 1

它alredy排序的嘗試只是刪除下降後的風格屬性附加傷害：jsFiddle

$(document).ready(function(){ 
    $("#sortable").sortable({ 
     revert:true 
    }); 
    $("#draggable").parent().draggable(); 
    $("#droppable").droppable({ 
     drop:function(e,ui){ 
      if($(ui.draggable).parent().attr("id")!=$(this).attr("id")){ 
       var clone = $(ui.draggable).clone(); 
       clone.removeAttr("style"); 
       clone.appendTo($(this)); 
      } 
     }, 
     revert:true 
    }); 
    $("#droppable").sortable(); 
}); 

這裏工作正常，我：d