删除JqueryUI后,将项保留在原始列表中

时间:2012-07-11 01:19:05

标签: jquery jquery-ui

我正在使用JQqueryUI进行排序,并且想知道在拖放到新列表时是否可以不从原始列表中删除列表项。例如,如果Sortable#1是原始列表,并且我将Item 1拖放到Sortable#2上,我希望Item 1仍然显示在Sortable#1(以及Sortable#2)中,但是,您不应该能够将它再次添加到Sortable#2,直到它被退回到Sortable#1。有没有这样的教程我可以参考?提前谢谢。

$(function() {
        $( "ul.droptrue" ).sortable({
            connectWith: "ul"
        });

        $( "ul.dropfalse" ).sortable({
            connectWith: "ul",
            dropOnEmpty: false
        });

        $( "#sortable1, #sortable2" ).disableSelection();

});

-

<ul id="sortable1" class='droptrue'>
    <li class="ui-state-default">Item 3</li>
    <li class="ui-state-default">Item 4</li>
    <li class="ui-state-default">Item 5</li>
</ul>

<ul id="sortable2" class='drop true'>
    <li class="ui-state-highlight">Item 1</li>
    <li class="ui-state-highlight">Item 2</li>
    <li class="ui-state-highlight">Item 6</li>
</ul>

0 个答案:

没有答案