0

我创建了一个小部件生成器应用程序,您可以将小部件(可拖动)拖放到小部件生成器(可拖放)上。可以将多个小部件(克隆)拖放到构建器上,克隆可拖动,并且克隆被限制在构建器中。如何删除已放入容器的克隆拖动器?

我在小部件构建器的右上角提供了一个小盒子,我想将它用作垃圾桶(各种各样;如果将它拖到它上面去除克隆)。

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

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

谢谢谢谢谢谢!

回答

2

设置“贪婪”参数去你投掷的容器中,降功能“真”:

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

我刚刚测试了这个功能,它似乎工作得很好:)

祝你好运!

+1

哇谢谢你。这似乎工作。我是jquery noob,这对我来说都很新颖。问题:我用remove函数替换了警报,并删除了父项。我尝试了几次迭代,并且无法弄清楚如何删除我们拖入垃圾组件的对象。有任何想法吗?谢谢。这里是修改后的代码:$(“#trashWidget”)。droppable({greedy:'true', accept:function(){return true;}, drop:function(){tolerance:'fit',$( this).parent()。children()。remove();} }); http://jsfiddle.net/K8VKa/28/ –

+1

try:drop:function(event,ui){tolerance:'fit',$(ui.draggable).remove(); }。更新版本:http://jsfiddle.net/K8VKa/30。 ui param有关于可拖动元素的所有信息:)希望它可以帮助! –

+0

太棒了。那就是诀窍。谢谢! –