2012-03-09 51 views
5

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

这真的很容易复制的的jsfiddle问题:

  1. 拖“面包”到sortableA” 的‘sortableA’框扩展,使该项目,以适应

  2. 拖累。 “面包”改为“垃圾桶” 垃圾箱会扩大接受物品,然后物品消失

  3. 将“面包”从“sortableA”拖到“垃圾箱” 问题会显示出来。垃圾桶不会展开,并且该项目在淡出之前会跳到其他位置。

回答

4

一个可能的解决办法是删除可拖动的position: absolute时下降到垃圾桶:

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

DEMO

来自#sortableX元素,它们应用了此css规则,但不是直接来自两个列表中的一个。

+0

是的,这似乎很好地解决了这个问题。我非常感激。 – 2012-03-09 21:11:01

+0

不客气。真奇怪的行为,有一个理由,但仍然无法弄清楚。 – 2012-03-09 21:12:06

+0

我注意到了一些东西。当物品从“sortableA”拖到垃圾桶时,可以看到一个空的插槽。它保持可见,直到物品在垃圾桶中消失。是否有一种方法可以在拖放项目时尽快将其从发件人容器中分离出来? – 2012-03-09 21:38:20

1

那是因为你正尝试将ul元素追加一个ul这是不合法的HTML,也内部的,因为款式(左,上),它不正常,你拖动后定位,并把它里面的垃圾这显示出它没有正确地拖入垃圾桶。

我有固定在这里看一看

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

+0

我感谢任何帮助。在你的jsfiddle中,项目不能从“sortableA”拖动到垃圾箱,这是错误的功能。 – 2012-03-09 21:03:14

+0

PERFECT THX这解决了我的问题:)现在我可以垃圾排序对象.. – 2013-04-15 21:57:25

2

打电话$('#sortable, #sortable2').droppable();似乎有伎俩。请参阅here

+0

差不多。但是当从“sortableA”中删除时,从列表中删除时垃圾箱不会轻微扩展。 – 2012-03-09 21:18:29