如何让我的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

尝试使用mousemove：

$('.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;