Question

我正在使用jQuery sortable将项目拖放到三个列表之间，如下所示。在某些情况下，我需要将所有项目从一个列表移动到另一个列表。我在stackoverflow中经历了几个链接，但无法使其工作。所以寻求一些帮助。

    $( "#sortable1, #sortable2, #sortable3" ).sortable({
        connectWith: ".connectedSortable"            
    }).disableSelection();

<ul id="sortable1" class="connectedSortable">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>
<ul id="sortable2" class="connectedSortable">
    <li>Four</li>
    <li>Five</li>
    <li>Six</li>
</ul>
<ul id="sortable3" class="connectedSortable">
    <li>Seven</li>
    <li>eight</li>
    <li>Nine</li>
</ul>

Answer 1

您的通话有两个问题。首先，您声明了一个用于将列表绑在一起的类，但从不使用该类实际将它们绑定在一起。相反，你的html应该是这样的，添加了class="connectedSortable"：

<ul id="sortable1" class="connectedSortable">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>
<ul id="sortable2" class="connectedSortable">
    <li>Four</li>
    <li>Five</li>
    <li>Six</li>
</ul>
<ul id="sortable3" class="connectedSortable">
    <li>Seven</li>
    <li>eight</li>
    <li>Nine</li>
</ul>

其次，你还有一个选项可以阻止任何列表的最后一项被拖动，所以如果要从列表中删除所有项目，你需要删除取消选项，如下所示：

jQuery( "#sortable1, #sortable2, #sortable3" ).sortable({
    connectWith: ".connectedSortable"
}).disableSelection();

小提琴：http://jsfiddle.net/duffmaster33/R4U9F/

将Jquery Sortable的所有项拖到一起

1 个答案: