Как я могу определить, если перетаскиваемый элемент выпадает на другой элемент перетаскивания, с JQuery?

Question

Я использую JQuery «draggagle» & «droppable».
Когда я падаю перетаскиваемый элемент на другом перетаскиваемом элементе, я бы хотел изменить фоновый цвет элемента в нижней части. (Не Dropzone)

Своего рода "при наведении курсора мыши", но "elementover" :)

Что я пробовал?
Едва ничего, я пытаюсь выяснить, какой синтаксис использовать.
Существует функция «over» для «droppable», но она работает только на «dropzones».
JQuery имеет функцию «hover.()», Но она работает для мыши, я бы хотел, чтобы она зависала с другим элементом.
Возможно ли это?

UPDATE

Fiddle:
https://jsfiddle.net/0apuqnxd/27/

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

Я начинаю подобраться, теперь моя проблема заключается в том, что если другой элемент пересечения путем, цвет меняется обратно, когда "вне".

Answer 1

, если ее хорошо с вами, чтобы использовать другую библиотеку JavaScript

попробовать это один

спуститься к «перетащить» образец вы найдете код, что вы хотите.

http://interactjs.io/