jQuery UIネストされたリストを作成する新しい子リスト

Question

しかし、jQuery UIで入れ子にしたドラッグアンドドロップを設定しましたが、新しい子リストを作成するような方法で項目をドラッグする方法が不思議でした。例えば。アイテム1.2.2を右にドラッグすると、アイテム1.2.1の下に新しいサブレベルが作成されます。

これは私のコードです：

<div id="mylist"> 
    <ul> 
     <li>Item #1</li> 
     <li>Item #2</li> 
     <ul> 
      <li>Item #1.1</li> 
      <li>Item #1.2</li> 
      <ul> 
       <li>Item #1.2.1</li> 
       <li>Item #1.2.2</li> 
       <li>Item #1.2.3</li> 
       <li>Item #1.2.4</li> 
      </ul> 
      <li>Item #1.3</li> 
      <li>Item #1.4</li> 
     </ul> 
     <li>Item #3</li> 
     <li>Item #4</li> 
    </ul> 
</div> 

$(document).ready(function() {  
    $("#mylist ul").sortable({ 
     items: "li", 
     connectWith: 'ul', 
    }); 
}); 

はUPDATE：実は

。これは、私のサンプルコードではうまくいきません。私はちょうど私が親をドラッグするときにドラッグする必要があることに気づいたすべての子供も、現在はしていません。私はそれもできるようになるのが好きです。あなたはこのようれるLIの中に巣にあなたのULに関しては必要あり

Answer 1

：

<div id="mylist"> 
<ul> 
    <li>Item #1</li> 
    <li>Item #2 
     <ul> 
      <li>Item #1.1</li> 
      <li>Item #1.2 
       <ul> 
        <li>Item #1.2.1</li> 
        <li>Item #1.2.2</li> 
        <li>Item #1.2.3</li> 
        <li>Item #1.2.4</li> 
       </ul> 
      </li> 
      <li>Item #1.3</li> 
      <li>Item #1.4</li> 
     </ul> 
    </li> 
    <li>Item #3</li> 
    <li>Item #4</li> 
</ul> 

は、実際の例を試してみてください。http://jsfiddle.net/pyEa4/ - その少しバギーが、チャイルズは、親でドラッグされています。