javascript - jquery ui droppable 在父子问题上

Question

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

Example Fiddle

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

父元素和子元素都是可放置的，并且都接受相同的项目。我的问题是当我将元素放在子元素上而不是父元素正在执行时(请检查 fiddle )。我怎样才能阻止这种行为？

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");    }});

给你...!!!