Javascript Jquery冲突：可拖动和目标冲突事件

我正在使用jQuery与draggable的冲突。我有代码工作，以改变颜色的目标（较大的框）下降。但是，我希望它在

拖拽

接触到它时立即改变颜色

提前感谢您的帮助

代码如下：

$（“.dragMe”）.draggable({
障碍：“.障碍”，
对,，
遏制：“移动到这里”
});
$（“.barrier”）.draggable({
障碍：“.德拉格米”，
对,，
遏制：“移动到这里”
});
$（文档）.ready（函数（）{
美元（“#dragMe”）。可拖动({
遏制：“.moveInHere”，
障碍：“.障碍”
});
$（“#障碍”）。可拖动({
遏制：“.moveInHere”
});
$（“#Target1”）。可拖放({
宽容：“触摸”，
对,，
drop:dropItem
});
});
功能下拉项（ev、ui）{
$（“#Target1”）.css({
背景：“蓝色”
});
}

#移到这里{
与：500px；
高度：500px；
边框：1px纯黑；
背景：#eee；
}
德拉格米先生{
宽度：50px；
高度：50px；
边框：1px纯黑；
背景：#eee；
}
.障碍{
宽度：50px；
高度：50px；
边框：1px纯黑；
背景：#eee；
}
.目标{
职位：绝对；
顶部：100px；
左：200px；
宽度：100px；
高度：100px；
边框：1px纯黑；
背景：#eee；
}

拖我走。。。
……但不是在这里。
我想换颜色

您可以像这样使用事件回调：

over: function(event, ui) {
    $(this).css('background', 'dodgerblue');
}

$（文档）.ready（函数（）{
$（“.dragMe”）.draggable({
障碍：“.障碍”，
对,，
遏制：“移动到这里”
});
$（“.barrier”）.draggable({
障碍：“.德拉格米”，
对,，
遏制：“移动到这里”
});
$（“#Target1”）。可拖放({
宽容：“触摸”，
对,，
结束：功能（事件、用户界面）{
$（this.css（'background'，'dodgerblue'）；
},
输出：功能（事件、用户界面）{
$（this.css（'background'，'#eee'）；
},
drop:dropItem
});
});
功能下拉项（ev、ui）{
$（this.css）({
背景：“蓝色”
});
}

#移到这里{
宽度：500px；
高度：500px；
边框：1px纯黑；
背景：#eee；
}
德拉格米先生{
宽度：50px；
高度：50px；
边框：1px纯黑；
背景：#eee；
}
.障碍{
宽度：50px；
高度：50px；
边框：1px纯黑；
背景：#eee；
}
.目标{
位置：绝对位置；
顶部：100px；
左：200px；
宽度：100px；
高度：100px；
边框：1px纯黑；
背景：#eee；
}

拖我走。。。
……但不是在这里。
我想换颜色

只需在可拖放定义（如中所述）中使用

hoverClass:

，并将背景色应用于该类

工作示例：

$（“.dragMe”）.draggable({
障碍：“.障碍”，
对,，
遏制：“移动到这里”
});
$（“.barrier”）.draggable({
障碍：“.德拉格米”，
对,，
遏制：“移动到这里”
});
$（文档）.ready（函数（）{
$（“#dragMe”）.draggable（{包含：.moveInHere，障碍：.barrier}）；
$（“#障碍”）.draggable（{containment:.moveInHere}）；
$（“#Target1”）。可拖放({
悬停类：“放下悬停”，
宽容：“触摸”，
对,，
drop:dropItem
});
});
功能下拉项（ev、ui）{
$（“#Target1”）.css（{背景：“蓝色”}）；
}

#移到这里{
与：500px；
高度：500px；
边框：1px纯黑；
背景：#eee；
}
德拉格米先生{
宽度：50px；
高度：50px；
边框：1px纯黑；
背景：#eee；
}
.障碍{
宽度：50px；
高度：50px；
边框：1px纯黑；
背景：#eee；
}
.目标{
职位：绝对；
顶部：100px；
左：200px；
宽度：100px；
高度：100px；
边框：1px纯黑；
背景：#eee；
}
.target.drop-hover{
背景颜色：蓝色；
}

拖我走。。。
……但不是在这里。
我想换颜色

Yay！真是太棒了！谢谢令人惊叹的真管用！谢谢如果这回答了您的问题，您应该将其标记为已接受（请参阅）。