子要素を別の子要素にドロップする必要があります

Question

子要素を別の子要素に配置する必要があります。私はdisableSelection（）を使用していますが、子要素は別の子要素を受け入れません。

$(function() { 
    $("ul.droptrue").sortable({ 
     connectWith: "li" 
    }); 

    $("#sortable, #sortable1").disableSelection(); 
}); 

ここjdfiddleリンク：http://jsfiddle.net/thilakar/QNkEL/7/

Answer 1

HTML：

<div id="tree"> 
    <ul id="createTree" class="droptrue"> 
    <li class="listTree ui-state-default" id="sortable">Title1 
     <ul class="droptrueInner"> 
      <li class="innerList ui-state-default">Green</li> 
      <li class="innerList ui-state-default">Yellow</li> 
      <li class="innerList ui-state-default">Black</li> 
      <li class="innerList ui-state-default">White</li> 
     </ul> 
    </li> 
    <li class="listTree1 ui-state-default" id="sortable1">Title2 
     <ul class="droptrueInner"> 
      <li class="innerList ui-state-default">Violet</li> 
      <li class="innerList ui-state-default">purple</li> 
      <li class="innerList ui-state-default">Pink</li> 
      <li class="innerList ui-state-default">Orange</li> 
     </ul> 
    </li> 
    </ul> 

Javascriptを：

$(function() { 
     $("ul.droptrue").sortable({ 
      connectWith: "ul.droptrue" 
     }); 
     $("ul.droptrueInner").sortable({ 
      connectWith: "ul.droptrueInner" 
     }); 
    });