jQuery：draggable connect to sortable。 draggable项具有与可排序列表不同的DOM

我现在能够将项目拖动到可排序的项目。 但是可排序列表具有不同的DOM。

 
 
DRAG THIS A
 
DRAG THIS B
 
  
 
This is a new DOM dragged from "DRAG THIS A"
 
This is a new DOM dragged from "DRAG THIS B"
 
 $(document).ready(function() { $('.draggable_text > li').draggable({ //helper:'clone', helper: function(event, ui) { return '
xxx
'; }, connectToSortable:'#stagerows' }); $('#stagerows').sortable({ handle: '.drag_handle' }); }); 

助手有这个：xxx这应该放入可排序的……

“助手”有效。 但是当我将项目“删除”到可排序项中时，它只会恢复为“原始”DOM。 我希望将“新创建的DOM”（在帮助程序中创建的DOM）放入可排序的中。

我希望我有意义。 谢谢！

另一种说法是：当我拖动一个苹果时，它现在变成了橙色。 但当我放下它时，它又变成了一个苹果..

Answer 1

 $('.draggable_text > li').draggable({ helper: function(event, ui) { var type = $(this).find('.link_type').val(); return create(type,0); }, connectToSortable:'#stagerows' }); $('#stagerows').sortable({ handle: '.drag_handle', placeholder: 'placeholder_sortable' }); /** * When item is dropped from the Add  */ $('#stagerows').droppable({ drop: function(event, ui){ type = ui.draggable.find('.link_type').val(); ui.draggable.empty(); return ui.draggable.html(create(type,0)) } });