如何使光標移動qtip工具提示

Question

我正在使用js庫qtip工具提示。當我將鼠標懸停在表格中的懸停行上時，我希望使用光標移動qtip工具提示。我知道如何讓我自己的工具提示隨着光標移動，但我正在用qtip掙扎。請解釋你回答的代碼。由於

我的HTML：

<table> 
    <div id="hoverdiv"></div> 
    <tr class="hover" hovertext="Some text"> 
     <td>Total Credits</td> 
     <td><%= @total_credit %></td> 
    </tr> 
</table> 

我可以創造一個正常的工具提示（不qtip JS LIB）使用下面的jQuery代碼

$(document).ready(function() { 
$('.hover').mousemove(function(e) { 

    var hovertext = $(this).attr('hovertext'); 
    $('#hoverdiv').text(hovertext).show(); 
    $('#hoverdiv').css('top', e.clientY+10).css('left', e.clientX+10); 

}).mouseout(function() { 

    $('#hoverdiv').hide(); 

}); 
}); 

和代碼顯示靜態跟着我的光標qtip提示：

$(document).ready(function() { 
$('.hover').each(function() { 
    $(this).qtip({ 
    content: $(this).attr('hovertext') 
    }); 
}); 
}); 

這是我到目前爲止已經試過：

$(document).ready(function() { 
$('.hover').mousemove(function(e) { 

    $(this).qtip({ 
    content: $(this).attr('hovertext') 
    }); 
    $('').css('top', e.clientY+10).css('left', e.clientX+10); 
}); 
}); 

Answer 1

按照qTip docs：

當position.target設定爲鼠標，此選項決定 懸停在 show.target當工具提示是否跟隨鼠標。

實施例：

$('.selector').qtip({ 
    content: { 
     text: 'I follow the mouse whilst I\'m visible. Weeeeee!' 
    }, 
    position: { 
     target: 'mouse', 
     adjust: { 
     mouse: true // Can be omitted (e.g. default behaviour) 
     } 
    } 
}); 

而一個jsFiddle example。