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

Question

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

0

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

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

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

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

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

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

Благодарю!

mIwE 13 дек. 2013, в 11:41

Источник

0

Вы должны установить height по умолчанию для элементов UL, которые можно сортировать (т.е. min-height:20px; ). Это потому, что ваш рост UL составляет 0px и поэтому не может быть наведен.
Nunners 13 дек. 2013, в 10:34

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

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

Nunners · Accepted Answer · 2013-12-13T08-55-00.000Z

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

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

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

Пример JSFiddle

Ты прав! задача решена. Большое спасибо!