Javascript Jquery UI贪婪可拖放火灾事件两次

我使用jquery UI droppable，当我从上到下将绿色小框拖到蓝色框上时，一切正常，但当我从bot拖到父框顶部时，会触发over事件并高亮显示，我只希望同时高亮显示一个元素，一个同级元素或父元素

HTML:

---

如果子

.drop

具有类

。drophere

，则可以在

上检查
事件，如果是，则从父级中删除
.drophere
。像这样：

over: function (e, ui) {
    $('.drop .drophere').parent().removeClass('drophere');
}


$(".box").draggable();
$(".drop").droppable({
    accept: ".box",
    hoverClass: "drophere",
    greedy:true
});

over: function (e, ui) {
    $('.drop .drophere').parent().removeClass('drophere');
}