jquery可排序項目

Question

我有一個像這樣的列表。

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

我希望能夠在另一個之內製作兩組排序。 就像你將一個摺疊拖到另一個文件夾或文件到另一個文件樹目錄一樣。但是，我只需要它可以在父級內排序，因此它不應該移到父級之外。

我試過遏制，但沒有運氣的任何其他建議？

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元素是不是在原來的問題中的一個元素。