在折叠的 div 上拖放可拖动

【问题标题】：Drop draggable on collapsed div在折叠的 div 上拖放可拖动
【发布时间】：2012-05-03 17:51:35
【问题描述】：

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

简单地说，放在“outter_collapsed”上会将项目放置在“inner”中

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

欢迎您对如何处理此问题或可能的智慧之言提出任何想法。

谢谢

【问题讨论】：

标签： jquery jquery-ui draggable droppable

【解决方案1】：

可能是这样的：

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

            }
        });

在此处查看示例 - http://jsfiddle.net/Bfa9v/19/

【讨论】：

现在，如果“outter_collapse”上的项目是可排序项目怎么办？
没什么，它仍然可以工作。只需添加 $("#another-div").sortable();