关于父子问题的jquery ui droppable

Question

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

Example Fiddle

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

父元素和子元素都是可放置的，并且两者都接受相同的项目。我的问题是当我在子项上删除元素而不是父项删除事件正在执行时（请检查小提琴）。我该如何阻止这种行为？

Answer 1

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

以下是使用贪婪选项

的代码的样子

$(".child").droppable({ 
    accept: '.item',
    greedy: true,
    drop: function(e, ui){ 
     alert("drop on child");
    }
});

你去...... !!!