jquery를 정렬 가능하고 휴지통 객체 위에 드래그 가능합니다

Question

휴지통 객체에 놓을 때 정렬 가능하고 드래그 가능한 항목에 문제가 있습니다.
코드는이 jsfiddle에 있습니다. sortableA "상자 항목이 적합 할 수 있도록 확장는"이 "

1. 드래그"빵 "sortableA에

2. 드래그 : http://jsfiddle.net/queeg/sRAmW/1/

   그것은 jsfiddle에서 문제를 재현하는 정말 쉽습니다. "빵"에서 "휴지통"으로 휴지통을 펼쳐 항목을 승인하면 항목이 희미 해집니다.

3. "sortableA"에서 "Trash can"012로 "bread"을 드래그하십시오.문제가 자체적으로 표시됩니다. 휴지통은 펼치지 않고 항목이 사라지기 전에 다른 위치로 이동합니다. 당신은 또한 유효한 HTML과하지 않은 ul 내부 ul 요소를 추가하려고하기 때문이다

Answer 1

가능한 솔루션은 드래그에서 position: absolute을 제거하는 것입니다을 고정 할 수 있습니다 :

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

DEMO

#sortableX 요소는 CSS 규칙이 적용되었지만 두 목록 중 하나에서 직접 전달되지는 않습니다.

Answer 2

는 드래그 후 때문에 스타일 (왼쪽 위)의 제대로 배치되지 않고 쓰레기 안에 놓습니다 마치 쓰레기통으로 제대로 끌리지 않은 것처럼 보입니다. 휴지통에 떨어졌다 때

내가 여기 좀

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

Answer 3

$('#sortable, #sortable2').droppable();은 트릭을 수행하는 것으로 보입니다. here을 참조하십시오.