Пользовательский интерфейс JQuery - добавление Draggable to Droppable

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

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

Ответы

Ответ 1

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

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

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

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