用于无序列表多维的 Jquery 可排序插件

Question

这是我的多维度列表：

     <div id="tree">
    <ul>
    <li id="205">205
         <ul>
            <li id="206">206
                      <ul>
                        <li id="208">208</li>
                        <li id="209">209</li>
                        <li id="211">211
                             <ul><li id="212">212</li>
                                 <li id="213">213</li>
                            </ul>
                        </li>
                      </ul>
             </li>

    <li id="207">207
                      <ul>
                         <li id="210">210</li>
                      </ul>
            </li>
      </ul>
</li>
</ul>
</div>

当使用 Jquery 插件 sortable 时，我只能拖放它们在相同 'ul' 标签中的元素，例如，如果我拖动“212”标签并将其放在“213”标签之后，插件工作正常，但如果我拖动“212”标签并将其放在“206”之后，它不起作用。

这是我的功能：

 $("#tree ul").sortable({ 

         opacity: 0.6, 
         cursor: 'move',
         containment : '#tree',
         grid : [10, 10]


         });

寻求帮助。

Answer 1

您应该在 jQueryUI 中使用connectWith: .someClass 功能。它在documentation。这是您的 jsfiddle example 更新。