如何让我的jQuery鼠标悬停工具提示跟随鼠标指针？

Question

我的jQuery代码：

$('.box_class').bind('mouseover', function(e){ 
    $('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'}); 
    $('.tooltip').fadeIn("fast"); 
}); 

它工作正常，但我想这消息将始终遵循鼠标指针现在，当我box_class“鼠标悬停”它总是停留在同一个点。我可能应该改变mouseover功能到另一个？或者我应该如何实现？

Answer 1

尝试鼠标移动：

$('.box_class').bind('mouseover', function(e){ 
    $('.tooltip').fadeIn("fast"); 
}); 

$('.box_class').bind('mousemove', function(e){ 
    $('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'}); 
}); 

让您mouseout或mouseleave观察者关闭提示。

Answer 2

位置是否设置为绝对？如果不尝试：

position:absolute;