Jquery-UI贪婪的可放置火灾事件两次答案

【问题标题】：Jquery-UI greedy droppable fire event twiceJquery-UI贪婪的可放置火灾事件两次
【发布时间】：2015-07-01 18:12:08
【问题描述】：

我使用 jquery-UI droppable，当我将绿色小框从上到下拖动到蓝色小框上时，一切都按我想要的方式进行，但是当我将框从 bot 拖动到顶部时，父框会触发 over 事件并突出显示，我希望同时高亮显示一个元素，即兄弟姐妹或父元素之一。

HTML：

<div class="box">Drag me</div>

<div class="drop">Drophere
    <div class="drop">Drophere</div>
    <div class="drop">Drophere</div>
    <div class="drop">Drophere</div>
</div>

JS：

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

http://jsfiddle.net/Deivid11/44bg1bz4/4/

【问题讨论】：

标签： javascript jquery jquery-ui draggable droppable

【解决方案1】：

如果子 .drop 具有类 .drophere，您可以检查 over 事件，如果是，则从父类中删除 .drophere。像这样：

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

http://jsfiddle.net/p1wjk56h/1/

【讨论】：