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元素中不在原始问题上的元素。

jquery可排序项目

1 个答案: