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

问题描述：

我正在使用Jquery“draggagle”&“droppable”。
当我在另一个可拖动元素上拖放可拖动元素时，我想更改底部元素的背景颜色。（不悬浮窗）
如何判断可拖动元素是否放在另一个可拖动元素上，并使用Jquery？

某种 “鼠标悬停”，但 “elementover” :)

我有什么企图？
几乎没有什么，我试图找出使用什么语法。
“droppable”有一个“over”功能，但只适用于“dropzones”。
jquery有一个“悬停。（）”函数，但它适用于鼠标，我希望它是当与另一个元素悬停..
这可能吗？

UPDATE

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

我开始亲近，我现在的问题是，如果另一个元素是过路的，颜色变回时“走出去”。

[jquery的可投放]（https://jqueryui.com/droppable/#accepted-elements）具有此功能的开箱（'hoverClass'性）的。你需要同时使用'.draggable'和'.droppable'插件 – Catalin

@RaraituL但是我不能让'.draggable'元素也是'.droppable'。因为当我放下一个元素时，它被追加到“dropzone”中。这意味着我会有很多dropzones？！ –

你想让颜色在落下时改变？在这种情况下，你可以使用'drop'方法？ –

答

如果其确定与你使用其他JavaScript库

试试这个

下井“拖放”样品，你会发现的代码给你想要的东西。

http://interactjs.io/

谢谢。我会研究这个！ –

我看不出这个框架应该比Jquery更好吗？ –

我没有说它比jQuery更好或最差。我所说的“拖放”部分中的代码可能会帮助您解决问题，因为它在区域中有很多颜色变化。 –

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

相关推荐