0

我正在尝试解决一个问题，但我自己解决问题的运气并不好。

我的页面上有几个容器 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/

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 回答