Detecting what jQuery UI's draggable function is hovering over

问题

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!

回答1:

You might want to check droppable's over event.

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

回答2:

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

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

来源：https://stackoverflow.com/questions/17139818/detecting-what-jquery-uis-draggable-function-is-hovering-over