jquery - 在折叠的 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/