Question

用jquery ui draggable 和 droppable实现以下功能：

如图，三个层，main是大容器，handle和container都可以拖动。

将handle 拖到container中，松开鼠标，handle添加到container里面，并且位置相对鼠标位置不动，此时，再拖动container时，handle跟着container一起动。拖出container时，handle再重新添加到main里面。该如何实现？

Answer 1

基本实现你的要求, 引用的是在线的jquery

handle拖出container时用了一个div, 拖到这个div就可以把handle移出

并没有拖出的概念, 只能是把handle拖入到main中, 但是main包含了container, 所以即使是在container中拖动也是拖入到了main中, 所以使用了一个div, 只有拖入到此div中的时候才实现把handle移出