如何在可丢弃Div中对克隆的Div进行排序
问题描述:
我有一个fiddle,我有2个div。如何在可丢弃Div中对克隆的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"> -----> </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,它们将被克隆。这一切正在发生。
但我需要他们在第二分类中排序。
答
它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