Question

我正在使用jquery-UI droppable，当我将绿色的小盒子从上到下拖动到蓝色的盒子上时，一切都按照我想要的方式工作但当我将盒子从机器人拖到顶部时，父盒子会触发过度事件并突出显示，我希望只有一个元素同时被高亮，兄弟姐妹或父母之一。

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/

Answer 1

如果孩子over有班级.drop，您可以查看.drophere活动，如果是，请从家长移除.drophere。像这样：

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

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

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

1 个答案: