Javascript 使用Jquery，如何判断是否将一个可拖动元素放到另一个可拖动元素上？

我正在使用Jquery“Draggale”和“Dropable”。
当我把一个可拖动的元素放到另一个可拖动的元素上时，我想更改底部元素的背景色。（不是dropzone）

某种“鼠标盖”，但“elementover”：

我试过什么了？
几乎什么都没有，我正试图弄清楚该使用什么语法。
“droppable”有一个“over”函数，但它只适用于“dropzones”。
Jquery有一个“hover.”函数，但它适用于鼠标，我希望当鼠标悬停在另一个元素上时它是这样的。
这可能吗

更新

小提琴：

---

我开始接近了，现在我的问题是，如果另一个元素经过，当“out”时颜色会变回原来的颜色。

如果您同意使用另一个javascript库的话

试试这个

转到“拖放”示例，您将找到所需的代码

---

具有此开箱即用的功能（

hoverClass

property）。您需要同时使用

.draggable

和

.dropable

plugins@RaraituL但是我不能使我的

.draggable

元素也可以

.dropable

。因为当我删除一个元素时，它会附加到“dropzone”中。这意味着我会有很多dropzones？！你想让颜色在下降时改变吗？在这种情况下，您可以使用

drop

method？@sandepnayak我喜欢更改可拖动元素的颜色，如果它被拖放到另一个可拖动元素上。（不是可拖放元素）谢谢。我会调查的！我看不出这个框架怎么会比Jquery好？我没有说它比Jquery好或坏。我所说的“拖放”部分的代码可能会帮助您解决问题，因为它在区域中有许多颜色变化。好吧，但它仍然不能解决我的问题？！Jauery有一个“结束”，它就是这样工作的。但那不是我想要的。我想要一个函数，告诉我是否将一个元素放到另一个可拖动的元素上。。我在你给我的链接上看不到？

$('.elementsDiv').droppable({
  over: function(){
    $(this).css('background-color', 'red');
  },
  out: function(){
    $(this).css('background-color', '');
  }
});