當一個對象被拖到另一個對象上時檢測？

Question

這是我到目前爲止有：

onMouseMove: function(event) { 
    clearTimeout(ics.timeout); 
    ics.timeout = setTimeout(function() { 
    var mouseX = event.pageX, 
     mouseY = event.pageY; 

    $(event.target).parents('li').siblings('li').not('.ui-placeholder').each(function() { 
     var li = $(this), 
      leftMin = li.offset().left, 
      leftMax = parseInt(li.offset().left) + parseInt(li.width()), 
      topMin = li.offset().top, 
      topMax = parseInt(li.offset().top) + parseInt(li.height()); 

     var insideX = (mouseX > leftMin && mouseX < leftMax) ? true : false, 
      insideY = (mouseY > topMin && mouseY < topMax) ? true : false; 

     if (insideX && insideY) { 
     console.log('hovering over another item!'); 
     console.log(this); 
     return false; 
     } 
    }); 
    }, 300); 
} 

這會告訴我，如果事情是盤旋在別的事情了，什麼別的東西，但只是想知道如果有人能拿出一個更好的解決方案？

Answer 1

如果您還將使用droppable以及您可以使用hoverClass。此選項droppable將允許您爲當前正在使用draggable進行懸停的任何元素設置CSS類。