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

Question

这是我的列表multi dimensiosn：

     <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插件可排序时，我只能拖放它们在同一个'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 已更新。