jquery Draggable -- 动画“克隆”掉落时

发布于 2024-09-10 08:30:41 字数 256 浏览 4 评论 0原文

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

我已经找到了助手:“克隆”选项将允许我拖动可拖动对象的副本,而不是可拖动对象本身。我想让克隆在我将其放到可放置物体上时进行动画/捕捉到位,但一旦我释放它,它似乎就会被破坏。我怎样才能防止它被破坏,以便在它发布时我可以自己制作动画?

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

I'm building a widget which allows user to copy items from one list over to another, but dragging.

I've figured out the helper: 'clone' option will allow me to drag a copy of my draggable, rather than the draggable itself. I'd like to have the clone animate/snap in to place when I drop it on my droppable, but it seems to be destroyed as soon as I release it. How can I prevent its destruction so I can animate it myself when it's released?

I realize Sortable might give me some of the functionality I want, but then my lists will become sortable, which I don't want. I just want simple copy -> release - > snap functionality.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

嗳卜坏 2024-09-17 08:30:41

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

draggedElement.clone().appendTo(dropDestination);

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

On the callback function for drop, do something like:

draggedElement.clone().appendTo(dropDestination);

Let me know if that's not sufficient.

才能让你更想念 2024-09-17 08:30:41

我在 Doctype 上回答了类似的问题,其中包括 此演示。它使用的是可拖动和可放置的,而不是像您在问题中所描述的那样可排序。我不确定您使用的是哪一种,但为克隆设置动画的方法是相似的。

I answered a similar question on Doctype which included this demo. It uses draggable and droppable though, and not sortable as you described in your question. I wasn't sure which one you are using, but the method to animate the clone is similar.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文