jqueryソート可能なアイテム

Question

私はそのようなリストを持っています。

<ul> 
    <li>Main</li> 
    <li> 
     <ul> 
      <li>Child 1</li> 
      <li>Child 2</li> 
     </ul> 
    </li> 
</ul> 

2つのソートテーブルを1つずつ作成することができます。 折りたたみを別のフォルダまたは別のファイルにツリーディレクトリとしてドラッグするのと同じように。しかし、私はそれが親の中でソート可能である必要があるので、親の外に移動すべきではありません。

私は封じ込めを試みましたが、他に何か提案はありませんでしたか？

Answer 1

クイックソリューションが見つかりましたが、私はこれ以上深いレベルでテストしていませんので、私には負担がかかりますが、理論的にはうまくいくはずです。

$('.dragger').unbind('mouseenter').bind('mouseenter',function (e){ 
     e.stopPropagation(); 
     $(this).parent().sortable({ 
      items:'li', 
      containment:'parent', 
      tolerance: 'pointer' , 
      handle: '.dragger', 
      revert: true, 
      placeholder: "ui-state-highlight", 
      forcePlaceholderSize: true, 
      cursor: 'move', 
     }).disableTextSelection(); 
    }); 
    $('.dragger').unbind('mouseleave').bind('mouseleave',function (e){ 
     $(this).parent().sortable('destroy'); 
    }); 

注意してください：.draggerは、元の質問ではないli要素内の要素であること。