Может ли один элемент принимать сортируемые капли от имени другого?

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"]});

Div .items_box выше, чем списки. Я бы хотел, чтобы все элементы div принимали элементы от имени своего списка. Как бы я это сделал?

Answer 1

Решение состоит в том, чтобы сделать контейнер сортируемым и изменить свойство .items для поиска ваших элементов в списке.

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

Я опубликовал рабочий пример для вас (хотя есть проблемы с перетаскиванием в пустой список, но это новая проблема;)

Также обратите внимание, что connectWith больше не позволяет использовать массивы селекторов. Вместо этого разделяйте их запятыми.