0

私は問題を解決しようとしていますが、自分でそれを理解するのはあまり運がありませんでした。

ページにいくつかのコンテナ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/

4

1 に答える 1

0
  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. そして、ここにこの質問のSO複製があります:

于 2012-12-19T22:58:52.457 に答える