jquery сортируемый, перетаскиваемый на мусорный бак

Question

У меня возникла проблема с сортируемым перетаскиваемым элементом, когда я помещаю его в объект корзины.
Код находится в этом jsfiddle.http://jsfiddle.net/queeg/sRAmW/1/

Воспроизвести проблему в jsfiddle действительно просто:

1. перетащите «хлеб» в sortableA. Поле «sortableA» расширяется, чтобы элемент могfit.

2. перетащить «хлеб» в «Мусорное ведро». Мусорный бак расширится, чтобы принять предмет, затем предмет исчезнет.

3. перетащите «хлеб» из «sortableA» в «мусорное ведро». Проблема покажет себя. Мусорная корзина НЕ расширяется, и предмет переходит в другое место, прежде чем исчезнет.

Answer 1

Возможным решением будет удалить position: absolute из перетаскиваемого при падении на мусорное ведро:

var element = ui.draggable.css('position', '');

DEMO

При поступлении из элементов #sortableX к ним применяется это правило css, но не из одного из двух списков.

Answer 2

Вызов $('#sortable, #sortable2').droppable();, кажется, делает свое дело. Смотрите здесь .

Answer 3

Это потому, что вы пытаетесь добавить элемент ul в ul, который не является допустимым html, а также из-за стилей (слева, сверху) он не позиционируется должным образом после перетаскивания его в корзину. который показывает, как будто он не перетаскивается должным образом в контейнер для мусора.

Я исправил это здесь, посмотрите

http://jsfiddle.net/ShankarSangoli/sRAmW/3/