Ich benutze Jquery "draggagle" & "droppable".
Wenn ich ein ziehbares Element auf ein anderes ziehbares Element setze, möchte ich die Hintergrundfarbe des Elements unten ändern. (Nicht die Dropzone)
Wie kann ich feststellen, ob ein ziehbares Element auf ein anderes ziehbares Element mit Jquery fällt?
Irgendeine Art von "Mouseover", sondern "elementover" :)
Was ich versucht habe?
Kaum etwas, ich versuche herauszufinden, welche Syntax zu verwenden ist.
Es gibt eine "over" -Funktion für "droppable", aber es funktioniert nur bei "dropzones".
Jquery hat eine "Hover.()" -Funktion, aber es funktioniert für die Maus, ich möchte es mit einem anderen Element schweben ..
Ist das möglich?
UPDATE
Fiddle:
https://jsfiddle.net/0apuqnxd/27/
$('.elementsDiv').droppable({
over: function(){
$(this).css('background-color', 'red');
},
out: function(){
$(this).css('background-color', '');
}
});
Ich fange an zu nahe zu kommen, nun mein Problem ist, dass ist, dass, wenn ein anderes Element durch kreuzt, ändert sich die Farbe zurück, wenn "aus".
[jquery abwerfbaren] (https://jqueryui.com/droppable/#accepted-elements) hat diese Funktionalität aus der Box ('hoverClass' Eigenschaft). Sie müssen sowohl '.draggable' als auch' .droppable' Plugins verwenden. – Catalin
@RaraituL Aber ich kann mein '.draggable' Element nicht auch' .droppable' machen. Denn wenn ich ein Element lösche, wird es an diese "Dropzone" angehängt. Das bedeutet, dass ich viele Dropzones haben werde ?! –
Sie möchten, dass sich die Farbe am Tropfen ändert? In diesem Fall können Sie 'Drop' Methode verwenden? –