在折叠的div上拖放可拖动

Question

我的目标是能够抓取一个可拖动的项目并将其放在折叠的div上。当项目被删除时，它将被附加到折叠div中的div。

简单地说，点击'outter_collapsed'会将项目放在'inner'

中

<div id = "outter_collapsed">
<div id = "inner">
<!-- DROPPED ITEM PLACED HERE -->
</div>
</div>

欢迎任何关于如何处理这种或可能的智慧语言的想法。

谢谢

Answer 1

这样的事情可能是：

$( "#another-div" ).draggable();
        $( "#outter_collapsed" ).droppable({
            drop: function( event, ui ) {
                $(this).children().append(ui.draggable);

            }
        });

点击此处的示例 - http://jsfiddle.net/Bfa9v/19/