拖放并在dom中更改div的父级

在http://jqueryui.com/draggable/#snap-to中

如果我将div拖到“ snaptarget ”div。
拖动的div是否会显示在内部作为DOM子元素？
我在浏览器上点击f12并看到位置随着我的拖动而改变，但是显示拖动，丢弃的div的父级没有变化。

我认为同样可以使用droppable http://jqueryui.com/droppable/

有没有办法检查并确定？

我确实想要这个function，因为我想将一个div拖到另一个div，然后知道该div的父级。

Answer 1

拖动的元素可以复制或移植为放置目标的子项（取决于您为helper选项选择的内容 ）。

为了更明确地说明这一点，droppable元素下将有一个包含draggable元素的DOM节点。

编辑：

看来我错了。 这不是默认行为，但您可以执行以下操作：

 $(".target").droppable({ accept: '.draggable', drop: function(event, ui) { $(this).append(ui.draggable); } }); $(".draggable").draggable(); 

这是一个演示： http ： //jsfiddle.net/VTHcG/

Answer 2

我得到了Asad的帮助

http://jsfiddle.net/4bmT9/1/

并且发现了其他人做的这件奇妙的事情

http://jsfiddle.net/l33r0y/yrLbE/48/

JS：

 $('.dragme').draggable(); $('#drop, #source').droppable({ drop:function(e, ui) { $(e.target).append($(ui.draggable).detach().css({'top':'', 'left':''})); } }); 

HTML：

 
 
bacon
 
 
 

CSS：

 .box { height:100px;width:100px;border:1px solid #333; } .dragme { width:100%; margin:5px; border:1px solid #333; } 

这是一个演示： http ： //jsfiddle.net/4bmT9/1/