检测jQuery UI的可拖动功能正在悬停

时间:2013-06-17 02:58:16

标签: jquery jquery-ui-draggable

我试图让拖动的元素检测到它悬停在jQuery的UI可拖动函数的stop事件上的位置。这是我的尝试,但无济于事:

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

我不太确定我是否完全理解我是如何能够检测到我在拖拽stop事件中悬停的元素。

谢谢!

2 个答案:

答案 0 :(得分:4)

您可能想要检查droppable over 事件。

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

答案 1 :(得分:0)

根据docs,我认为更好的方法是

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