jquery可排序，可拖动到垃圾桶对象上

Question

当我将它放在垃圾桶对象上时，我遇到了可排序，可拖动项目的问题 代码在这个jsfiddle中。 http://jsfiddle.net/queeg/sRAmW/1/

在jsfiddle中重现问题真的很容易：

1. 将“面包”拖到sortableA“ “sortableA”框展开以允许项目适合。

2. 将“面包”拖到“垃圾桶” 垃圾桶将展开以接受物品，然后物品消失。

3. 将“sortableA”中的“面包”拖到“垃圾桶” 问题将显现出来。垃圾桶不会膨胀，物品会在淡出之前跳转到其他位置。

Answer 1

一种可能的解决方案是在拖放到垃圾桶时从拖拽中移除position: absolute：

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

<强> DEMO

当来自#sortableX元素时，它们会应用此css规则，但不会直接来自两个列表中的一个。

Answer 2

调用$('#sortable, #sortable2').droppable();似乎可以解决问题。见here。

Answer 3

那是因为你试图在ul中附加一个ul元素，这个元素不是有效的html，而且由于样式（左，上），它在你拖动后没有正确定位将它放在垃圾桶里面，好像它没有正确地拖到垃圾箱中。

我在这里修好了看看

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