Detecting what jQuery UI's draggable function is hovering over

Question

I'm attempting to have the dragged element detect where it's hovering over on the stop event for the jQuery's UI draggable function. Here is my attempt, however to no avail:

$(".artwork").draggable({
    stop: function(e, ui){
        ui.mouseover(function(f){
            if(f.target.id == "wall")
            {
                alert("yes!");
            }
        });
    }
 });

I'm not too sure I fully understand how I'd be able to detect what element I'm hovering over on the drag's stop event.

Thanks!

Answer 1

You might want to check droppable's over event.

$(".droppable").droppable({
    over: function (event, ui) { 
       var yourCurrentlyHoveredElement = $(this); //the 'this' under over event
     } 
});

Answer 2

As per docs, I believe the better way of doing this is

$( ".selector" ).droppable({ hoverClass: "drop-hover" });