的jQuery可排序 - 嵌套的UI元素

考虑下面的标记..：的jQuery可排序 - 嵌套的UI元素

<dl class="table"> 
     <dt>UL drag/drop</dt> 

     <dd> 
      <ul> <!-- group 1 --> 
       <li>Row 1, column 1</li> 
       <li>Row 1, column 2</li> 
       <li>Row 1, column 3</li> 
      </ul> 

      <ul> <!-- group 2 --> 
       <li>Row 2, column 1</li> 
       <li>Row 2, column 2</li> 
       <li> 

        Row 2, column 3 

        <ul> <!-- sub-group 2 --> 
         <li>Row 2-1, column 1</li> 
         <li>Row 2-1, column 2</li> 
         <li>Row 2-1, column 3</li> 
        </ul> 
       </li> 
      </ul> 

      <ul> <!-- group 3 --> 
       <li>Row 3, column 1</li> 
       <li>Row 3, column 2</li> 
       <li>Row 3, column 3</li> 
      </ul> 
     </dd> 
    </dl>

实现一个平面列表上的jQuery UI的Sortable plug-in很容易，但你会如何落实拖动列表项组的能力，使用上述结构？ - 例如移动子组2成组3或组1成子组2。

我想这不是一件容易的事，所以我会尽快为这个问题附上300点声望点的奖励。

来源

2010-07-20 roosteronacid

，有可能与jQuery的的插件nestedsortable：HTTP：/ /code.google.com/p/nestedsortables/wiki/NestedSortableDocumentation 但是，不利的一面是，这与新版jQuery版本不兼容，并且不再被维护。让我知道如果你找到任何其他的解决方案:) – 2010-08-04 17:23:22

我最近developed a plugin管理嵌套排序，创建新的嵌套列表，并允许任何形式的移动，为UI 1.8 +编写。

---
编辑

插件现在住在这里：据我调查的结果https://github.com/ilikenwf/nestedSortable

来源

2010-09-08 10:20:35 mjsarfatti

链接是死的，因此链接只有答案是可怕的，没有任何代码示例显示一个解决方案对于未来的用户在这种情况下是无用的。 – Nope 2018-02-26 17:18:24

你是对的，但你正在从8年前看一个话题。由于Sortable插件已经发生了很大的变化，因此问题本身不再有效。无论如何，我已经用插件的新位置编辑了答案。 – mjsarfatti 2018-02-28 10:10:48

的jQuery可排序 - 嵌套的UI元素

回答

相关问题