JQuery UI - Добавить Draggable to Droppable

Question

Как вы добавляете элемент, который перетаскивается в целевой элемент при удалении, используя перетаскиваемые объекты jQueryUI? Похоже на то, как пользовательский интерфейс jQuery работает прямо сейчас, он просто перемещает элементы вокруг экрана через абсолютное позиционирование. К сожалению, эта функция делает бесполезные представления форм, поскольку вы не можете получить позиции значений при подаче.

Заранее благодарим за любые предметы/указатели!

Answer 1

Если я правильно понял, вы хотите, чтобы перетаскиваемый элемент был отделен от текущего родителя и добавлен в новый, не так ли? Вы можете использовать вспомогательный инструмент для перетаскивания (поэтому исходный элемент не затрагивается), и, после его удаления, отсоедините его и добавьте в цель (спасибо @Oleg и @Brian за улучшение моего исходного ответа).

$(myDraggable).draggable({ 
    helper:"clone", 
    containment:"document" 
}); 

$(myDroppable).droppable({ 
    drop:function(event, ui) { 
     ui.draggable.detach().appendTo($(this)); 
    } 
}); 

Рабочий пример на jsFiddle