如何拖动包含被拖入其中的其他Div的Div

Question

我正在尝试解决一个问题，并且没有太多运气自己弄清楚。

我的页面上有几个容器div。" ItemContainer"保存"项目"，这些项目是可拖动的。" Mainhome"拥有一个次要的" ItemContainer"（将拖放到"项目"）以及其他一些Divs。"金属店"也可以拖入" Playarea"中。我需要发生的事情是，当将"项目"拖动到" Mainhome"中包含的" itemContainer"中时，它们需要附加到它上，以便如果然后将" Mainthome"拖动，则将这些项目拖动。p>他们也需要保持单独拖动。

这是我的通用代码：

<div id="leftrail">
    <div id="manager">
        <div id="somediv">
            <h2>Text</h2>
            <div id="bubble">Text Here</div>
        </div>
        <div>
            <div id="ItemContainer">
                <div id="Item1">Item 1</div>
                <div id="Item2">Item 2</div>
                <div id="Item3">Item 3</div>
                <div id="Item4">Item 4</div>
                <div id="Item5">Item 5</div>
            </div>
        </div>
    </div>
    <h2>Section Title</h2>
    <div>
        <div id="MyContainer">
            <div id="SecondaryItemContainer">Drag Items Here</div>
            <div>Some text</div>
            <div>Some more text</div>
        </div>
    </div>
</div>
<div id="MainContent">    
    <div>Some stuff here</div>    
    <div>Some stuff here</div>      
    <div>Some stuff here</div>    
    <div id="BigContainer">Drag the MyContainer Here</div>      
</div>

完整的演示：http：//jsfiddle.net/j6pvg/1/

Answer 1

1. 这是一个嵌套可排序的解决方案：http：//mjsarfatti.com/sandbox/nestedsortable/

   这是关于如何在上述解决方案中处理序列化的改进：http：//markmintoff.com/2011/05/jqueryui-hierarchical-sorting/

2. 另一个解决方案：http：//dbushell.com/2012/06/17/nestable-jquery-plugin/

3. ，这是这个问题的重复性：

   • jQuery嵌套可排序 - 在所有可用的UL
   中移动li元素
   • jQuery嵌套可排序列表
   • jQuery排序 - 嵌套UL元素