Question

我发现了jQuery UI演示，它连接了可拖动和可排序的插件。（http://jqueryui.com/demos/draggable/sortable.html）我想做一些树，创建类似的可拖动的emlement（黄色），可以拖到旧列表，立刻它将是另一个，新的可排序列表（我可以在其中放置另一个可拖动的元素）

我修改了代码：

$(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上放置'any element'，只有当＃sortable-2在可拖动的未排序列表上时。当我将＃sortable-2列表移动到正确的位置时（在第一个和第二个元素之间，我不能在其上放置'任何元素'）

我很感激任何答案。谢谢！

Jquery UI：拖动新的可排序列表

0 个答案: