我想将一个div的内容拖放到另一个div，并且所有div都具有相同的类名。我也想以一种可排序的方式来做。在HTML中，有许多具有相似类的div，并显示在多列中。 HTML代码：
<div class = "section" style = "padding : 4px;">
<span class = "display" ><span style = font-weight : bold;>Lion
</span></span>
</div>
<div class = "section" style = "padding : 4px;">
<span class = "display" ><span style = font-weight : bold;>tiger
</span></span>
</div>
JS代码：
function dragAndDrop(){
$(".section").draggable({
refreshPosition: true,
drag: function(event,ui){
ui.helper.addClass("draggable");
},
stop:function(event,ui){
ui.helper.removeClass("draggable");
}
});
$(".section").droppable({
drop: function (event, ui) {
$(this).find("ddsection").addClass("dddroppable").html("Dropped!");
}
});
}
dragAndDrop();