Javascript jquery ui在父子问题上可拖放

Javascript jquery ui在父子问题上可拖放,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我使用的是jQueryUIDroppable小部件。我的结构如下: 父母亲 小孩 父元素和子元素都是可拖放的,并且都接受相同的项。我的问题是,当我在子级上删除元素时,父级删除事件也在执行(请检查小提琴)。如何停止这种行为?我想更好的方法是使用Dropable的贪婪选项。如果发现任何问题,不要忘记检查API 下面是使用贪婪选项时代码的外观 $(".child").droppable({ accept: '.item', greedy: true, drop: fun

我使用的是jQueryUIDroppable小部件。我的结构如下:


父母亲
小孩

父元素和子元素都是可拖放的,并且都接受相同的项。我的问题是,当我在子级上删除元素时,父级删除事件也在执行(请检查小提琴)。如何停止这种行为?

我想更好的方法是使用Dropable的贪婪选项。如果发现任何问题,不要忘记检查API

下面是使用贪婪选项时代码的外观

$(".child").droppable({ accept: '.item', greedy: true, drop: function(e, ui){ alert("drop on child"); } }); $(“.child”).dropable({ 接受:'.item', 贪婪:没错, drop:函数(e,ui){ 警惕(“投奔儿童”); } });
给你

我可以知道如何获取可放置区域的父级吗? $(".child").droppable({ accept: '.item', greedy: true, drop: function(e, ui){ alert("drop on child"); } });