Пользовательский интерфейс Jquery: перетащите новый сортируемый список - PullRequest
Новая
       6

Пользовательский интерфейс Jquery: перетащите новый сортируемый список

2 голосов
/ 10 июня 2011

Я нашел демонстрационную версию jQuery UI, которая соединяет перетаскиваемые и сортируемые плагины.(http://jqueryui.com/demos/draggable/sortable.html) Я хотел бы создать какое-то дерево, создать аналогичный перетаскиваемый элемент (желтый), который можно перетащить в старый список, и сразу это будет другой, новый сортируемый список (в который я могу поместить другие перетаскиваемые элементы).)

Код, который я изменил: 

$(function() {
    $( ".sortable" ).sortable({
        revert: true
    });
    $( ".draggable" ).draggable({
        connectToSortable: ".sortable",
        helper: "clone",
        revert: "invalid"
    });
    $( "ul, li" ).disableSelection();
});


<ul>
<li class="draggable ui-state-highlight">
    <ul id="sortable-2" class="sortable">
    </ul>
</li>
<li class="draggable ui-state-highlight">any element</li>
</ul>
<ul id="sortable" class="sortable">
    <li>first element</li>
    <li>second element</li>
</ul>

работает некорректно. Я могу поставить «любой элемент» только на # sortable-2, только когда # sortable-2 включен для перетаскиваниянесортированный список. Когда я перемещаю список # sortable-2 в правильную позицию (между первым и вторым элементом я не могу поместить «любой элемент» в него)

Буду признателен за любые ответы. Спасибо!

...