如何判斷可拖動元素是否放在另一個可拖動元素上，並使用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', ''); 
    } 
});

我開始親近，我現在的問題是，如果另一個元素是過路的，顏色變回時「走出去」。

來源

2016-06-01 Björn C

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

@RaraituL但是我不能讓'.draggable'元素也是'.droppable'。因爲當我放下一個元素時，它被追加到「dropzone」中。這意味着我會有很多dropzones？！ –

你想讓顏色在落下時改變？在這種情況下，你可以使用'drop'方法？ –

-1

如果其確定與你使用其他JavaScript庫

試試這個

下井「拖放」樣品，你會發現的代碼給你想要的東西。

http://interactjs.io/

來源

2016-06-01 09:02:16

謝謝。我會研究這個！ –

我看不出這個框架應該比Jquery更好嗎？ –

我沒有說它比jQuery更好或最差。我所說的「拖放」部分中的代碼可能會幫助您解決問題，因爲它在區域中有很多顏色變化。 –

如何判斷可拖動元素是否放在另一個可拖動元素上，並使用Jquery？

回答

相關問題