Невозможно перетащить элементы на пустой элемент dom с двойной сортировкой

Question

Я начинаю с сортировки jquery, но у меня возникают проблемы с пониманием того, как это работает специально, когда дело доходит до сортировки более двух разных элементов.

Вот что у меня есть:

http://jsbin.com/ElImEPU/2/

Как вы можете видеть, что я хочу создать 2 разных сортов, один для Outter < ул > «s содержащие другую группу < ул > и другой сортируется для внутреннего <li> так, чтобы я мог заказать элементы между той же категорией.

Проблема возникает, когда я перетаскиваю последний элемент из одного <ul>. По какой-то причине я не могу перетащить любой другой элемент, так что последний <ul> остается непригодным.

Я прочитал документацию, и, теоретически, это можно сделать, добавив параметр «connectWith», но, похоже, я не использую его правильно.

Спасибо!

Answer 1

Вы должны установить высоту по умолчанию для элементов UL, которые являются sortabe (то есть min-height:5px;).

Ошибка возникает из-за того, что, когда UL пуст, она имеет высоту 0px, устанавливая значение по умолчанию, гарантируя, что оно имеет хотя бы некоторую высоту.

.ui-sortable { 
    min-height:5px; 
} 

Example JSFiddle