сортируемые предметы jquery - PullRequest
Новая
       22

сортируемые предметы jquery

2 голосов
/ 13 декабря 2010

У меня есть такой список. 

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

Я хотел бы иметь возможность сделать два набора сортируемых друг в друге. Точно так же, как вы бы перетащили сгиб в другую папку или файл в другой файл, в каталог дерева. Однако мне просто нужно, чтобы он сортировался внутри родителя, поэтому он не должен выходить за пределы родителя.

Я пытался сдержать, но не повезло, другие предложения?

1 Ответ

1 голос
/ 13 декабря 2010

Нашел быстрое решение, но я не проверял это на более глубоком уровне, так что терпите меня, но теоретически оно должно работать. 

$('.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, которого нет в исходном вопросе.

...