一个元素可以代表另一个元素接受可排序的droppable吗？

Question

我有两个连接的可排序列表，但每个列表都在一个更大的块元素中。类似的东西：

<div class="items_box">
    <ul class="items">
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
</div>

<div class="items_box">
    <ul class="items">
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ul>
</div>

使用此Javascript：

$(".items").sortable({connectWith: [".items"]});

.items_box div比列表更高。我想让每个div的全部代表其列表接受项目。我该怎么做？

Answer 1

解决方案是使容器成为可排序对象，并更改 .items 属性以在列表中查找您的商品。

$('.items_box').sortable({ 
  connectWith: '.items_box', 
  items: '> .items > li' 
});

我已经为您发布了working example（尽管拖入空列表存在问题，但这是一个新问题;）

另请注意， connectWith 不再允许选择器数组。用逗号分隔它们。