JQuery UI – 将Draggable附加到Droppable

如何使用jQueryUI的draggables / dropables将项目拖放到drop上的目标元素？ 它看起来像jQuery UI现在的工作方式是它只是通过绝对定位移动屏幕上的项目。 遗憾的是，此function使表单提交无效，因为您无法在提交时获取值的位置。

提前感谢任何物品/指针！

Answer 1

如果我理解正确，您希望拖动的元素与其当前父元素分离并附加到新元素，对吧？ 您可以使用帮助程序进行拖动（因此原始元素不会受到影响），然后在删除时将其分离并将其附加到目标（感谢@Oleg和@Brian以改进我的原始答案）。

$(myDraggable).draggable({ helper:"clone", containment:"document" }); $(myDroppable).droppable({ drop:function(event, ui) { ui.draggable.detach().appendTo($(this)); } }); 

jsFiddle的工作示例