如何删除已放入容器中的克隆可拖动对象?

发布于 2024-12-09 05:47:04 字数 327 浏览 0 评论 0原文

我创建了一个小部件生成器应用程序,您可以将小部件(可拖动)拖到小部件生成器(可放置)上。可以将多个小部件(克隆)拖到构建器上,克隆是可拖动的,并且克隆被限制在构建器内。

我在小部件生成器的右上角提供了一个小框,我想将其用作垃圾桶(某种意义上;如果拖动到它上面,则删除克隆)。

如果克隆被拖到垃圾区域,有人可以帮助我创建删除克隆的功能吗?

这是我的示例: http://jsfiddle.net/mitchslap/K8VKa/

谢谢谢谢谢谢你!

I created a widget builder app where you can drag widgets (draggables) onto a widget builder (droppable). Multiple widgets (clones) can be dragged onto the builder, the clones are draggable, and the clones are constrained within the builder.

I have provided a small box in the upper right corner of the widget builder where I would like to use it as a trash can (of sorts; to remove the clone if dragged onto it).

Can someone help me with creating the ability to remove a clone if the clone is dragged onto the trash area?

Here is my example: http://jsfiddle.net/mitchslap/K8VKa/

Thank you thank you thank you!

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

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

发布评论

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

评论(1

離人涙 2024-12-16 05:47:04

在可放置容器中的放置函数中将“greedy”参数设置为“true”:

$("#trashWidget").droppable({
    greedy: 'true',
    accept: function() { return true; },
    drop: function () { tolerance: 'fit', alert("Dropped!"); }
});

我刚刚测试了这个函数,它似乎工作完美:)

祝你好运!

Set 'greedy' param to 'true' in drop function in your droppable container:

$("#trashWidget").droppable({
    greedy: 'true',
    accept: function() { return true; },
    drop: function () { tolerance: 'fit', alert("Dropped!"); }
});

I've just tested this function and it seems to work flawlessly :)

Good luck!

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