jquery ordinabile, trascinabile su un cestino può oggetto

Question

Sto avendo un problema con oggetto ordinabile, trascinabile quando lo lascio cadere su un oggetto cestino.
Il codice è in questo jsfiddle. http://jsfiddle.net/queeg/sRAmW/1/

E 'davvero facile per riprodurre il problema nel jsfiddle:

1. trascinare "pane" per sortableA" La 'scatola sortableA' si espande per consentire la voce per adattarsi

2. trascinamento. "pane" a "Cestino" Il cestino si espande per accettare l'articolo, quindi l'elemento scompare.

3. trascinare "pane" da "sortableA" a "Cestino" Il problema si mostrerà. Il cestino non si espande e l'oggetto salta in un'altra posizione prima che si dissolva.

Answer 1

Una possibile soluzione potrebbe essere quella di rimuovere il position: absolute dal trascinabile in caso di caduta sul cestino:

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

DEMO

Da quando viene gli elementi #sortableX, hanno questa regola css applicata, ma non provengono direttamente da uno dei due elenchi.

Answer 2

Questo è dovuto al fatto che si sta tentando di aggiungere un elemento ul all'interno di un ul, che non è valido html e anche la causa di stili (a sinistra, in alto) non è posizionato correttamente dopo si trascina dentro spazzatura che mostra come se non fosse trascinato correttamente nel contenitore del cestino.

ho fissato qui a dare un'occhiata

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

Answer 3

Chiamare $('#sortable, #sortable2').droppable(); sembra fare il trucco. Vedi here.