javascript - jquery ui 在父子问题上可删除

Question

我正在使用 jquery ui 可放置小部件。我有以下结构：

示例小提琴

 <div class="parent">
    parent
   <div class="child">
     child
   </div>
  </div>

父元素和子元素都是可放置的，并且都接受相同的项目。我的问题是当我将元素放在子元素上时，父放置事件也在执行（请检查小提琴）。我怎样才能阻止这种行为？

Answer 1

我想更好的方法是使用 droppable 的贪婪选项。如果您发现任何问题，请不要忘记通过 API。http://api.jqueryui.com/droppable/#option-greedy

这是您的代码在贪婪选项下的样子

$(".child").droppable({
    接受：'.item'，
    贪心：真的，
    下降：函数（e，ui）{
     alert("放在孩子身上");
    }
});

给你……！！！