向子项追加元素会触发父项中的drop事件

Question

我对jquery的拖放行为有点困惑。 请检查this fiddle：

我正在尝试检查可拖动元素是否在列表（子）或div（父）中被删除。如果我评论追加电话，它工作正常。 我尝试在子项中插入greedy option并检查父级事件处理程序中的event.target，但它始终显示为event.target=the parent

Answer 1

为什么要绑定droppable小部件两次？删除以下widget

$("div.ui-droppable").droppable({
    greedy: true,
    drop: function (event, ui) {
        printEventReceiver("parent",event)
    }
})

并更改

$("ul.ui-droppable").droppable({

到

$(".ui-droppable").droppable({

基本上，greedy标志仅在一个widget初始化的上下文中起作用。因此，最好通过使用一些公共类初始化widget，并在可能的情况下删除重复的初始化。

点击此处：https://jsfiddle.net/scorpy2007/yu0pontg/23/