的無序列表多維度jQuery的排序插件

Question

這是我的名單多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更新。