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