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元素是不是在原来的问题中的一个元素。