如何在可丢弃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