将Jquery Sortable的所有项拖到一起

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

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

一个
两个
三


四
五
六


七
八
九

您的通话有两个问题。首先，您声明了一个用于将列表绑定在一起的类，但从未使用该类将列表实际绑定在一起。相反，您的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>

---

Fiddle:

谢谢您提供的信息。我更新了每个ul项目的类名，在您发布之前，我已经删除了一个项目验证：）所以还有其他问题吗，因为现在应该可以正常工作了，就像在小提琴中一样？实际上，我想使用拖放而不是逐个拖放的方式将所有列表项从一个ul移动到另一个ul。在我的应用程序中，我有两种情况。1.一个接一个地删除列表项目2.在一张照片中将所有项目从一个

删除到另一个
。你的问题不是很清楚。您可能想看看这里，因为这已经得到了回答：

<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();