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

【问题标题】：How to remove a cloned draggable which has been dropped into a container?如何删除已放入容器中的克隆可拖动对象？
【发布时间】：2011-10-12 16:09:31
【问题描述】：

我创建了一个小部件构建器应用程序，您可以在其中将小部件（可拖动）拖到小部件构建器（可放置）上。可以将多个小部件（克隆）拖到构建器上，克隆是可拖动的，并且克隆被限制在构建器中。

我在小部件构建器的右上角提供了一个小框，我想将它用作垃圾桶（有点；如果将克隆拖到它上面，则删除它）。

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

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

谢谢谢谢谢谢！

【问题讨论】：

标签： jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

【解决方案1】：

在可放置容器的放置函数中将“贪婪”参数设置为“真”：

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

我刚刚测试了这个功能，它似乎完美无缺:)

祝你好运！

【讨论】：

哇，谢谢。这似乎奏效了。我是一个 jquery 菜鸟，这对我来说都是全新的。问题：我用删除功能替换了警报，它删除了父级。我尝试了几次迭代，但无法弄清楚如何删除我们拖入垃圾小部件的对象。有任何想法吗？谢谢。这是修改后的代码： $("#trashWidget").droppable({ greedy: 'true', accept: function() { return true; }, drop: function () { tolerance: 'fit', $(this).父母().children().remove(); } }); jsfiddle.net/K8VKa/28
try: drop: function (event, ui) { tolerance: 'fit', $(ui.draggable).remove(); } 。更新版本：jsfiddle.net/K8VKa/30。 ui 参数包含有关可拖动元素的所有信息 :) 希望对您有所帮助！