私は問題を解決しようとしていますが、自分でそれを理解するのはあまり運がありませんでした。
ページにいくつかのコンテナdivがあります。「ItemContainer」は、ドラッグ可能な「アイテム」を保持します。「MainHome」は、セカンダリ「ItemContainer」(「items」がドラッグされる場所)と他のいくつかの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/