我无法通过事件正确执行jquery droppable

Question

Here is the demo

我设置了div sketchpap，架子，图层可以拖放和拖动，并且商品只能拖动，当我开始拖动商品时，它会触发每个droppable over事件，我只希望它触发包含商品div的over事件。换句话说，当我拖动图层时，它只会触发事件上方的货架；当我拖动图层时，它只会触发事件上方的sketchapd。

有所不同，当我第一次拖动时，它会触发所有droppalbe over事件，但是当我拖动并再次尝试时，它会按我的意愿工作。

有人可以帮助我吗？谢谢。

$('.goods').draggable();
$('.dropArea').droppable({
    greedy: true,
    classes:{
        "ui-droppable-hover": "cube-drop-hover"
    },
    addClasses: false,
    drop: function (event, ui) {
    },
    over: function (event, ui) {
        console.log($(this))
    },
    out: function (event, ui) {
    }
})