jquery draggable - 在drop上动画“clone”

时间:2010-07-19 17:09:31

标签: jquery jquery-ui draggable

我正在构建一个小部件,允许用户将项目从一个列表复制到另一个列表,但拖动。

我已经找到了帮助器:'clone'选项将允许我拖动我的draggable副本,而不是拖动本身。当我将它放在我的droppable上时,我想让克隆动画/捕捉放置,但是一旦我释放它似乎就会被破坏。我怎样才能防止它的破坏,以便我可以在它被释放时自己制作动画?

我意识到Sortable可能会给我一些我想要的功能,但是我的列表将变得可以排序,这是我不想要的。我只想要简单的副本 - >发布 - >快照功能。

2 个答案:

答案 0 :(得分:1)

我在Doctype上回答了类似问题,其中包括this demo。它使用draggable和droppable,但不能像你在问题中描述的那样排序。我不确定你使用的是哪一个,但是为克隆设置动画的方法是类似的。

答案 1 :(得分:1)

在drop的回调函数中,执行以下操作:

draggedElement.clone().appendTo(dropDestination);

如果这还不够,请告诉我。