javascript - 将元素附加到子元素会触发父元素中的 drop 事件

Question

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

我正在尝试检查可拖动元素是否被放入列表(子元素)或 div(父元素)中。如果我评论追加调用，它工作正常。我尝试插入 greedy option在 child 身上检查event.target在 parent 的事件处理程序中，但它总是以 event.target=the parent

的形式出现

Answer 1

为什么要绑定(bind)两次 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/