我正在尝试解决一个问题，但我自己解决问题的运气并不好。
我的页面上有几个容器 div。“ItemContainer”包含可拖动的“项目”。“MainHome”包含一个辅助“ItemContainer”（“项目”将被拖到其中）以及其他一些 div。“MainHome”也可拖入“Playarea”。我需要发生的是，当“项目”被拖到“MainHome”中包含的“ItemContainer”中时，它们需要附加到它上面，这样如果随后拖动“MainHome”，这些项目就会随之拖动。
它们也需要保持单独可拖动。
这是我的通用代码：
<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/