如何删除已放入容器的克隆draggable?

时间:2011-10-12 16:09:32

标签: jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

我创建了一个小部件构建器应用程序,您可以在其中将小部件(可拖动)拖到小部件构建器(droppable)上。可以将多个小部件(克隆)拖到构建器上,克隆可拖动,并且克隆在构建器中受约束。

我在小部件构建器的右上角提供了一个小方框,我想将它用作垃圾桶(各种类型;如果拖动它就移除克隆)。

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

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

谢谢谢谢谢谢你!

1 个答案:

答案 0 :(得分:2)

在droppable容器中的drop函数中将'greedy'param设置为'true':

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

我刚测试了这个功能,它似乎完美无缺地工作:)

祝你好运!