Wie man ein qtip-tooltip bewegen Sie mit den cursor -

ich bin über die js-Bibliothek, qtip-tooltip. Ich möchte das qtip-tooltip bewegen Sie mit meinem cursor, wie ich bewegen Sie den Mauszeiger über das hover-Zeile in einer Tabelle. Ich weiß, wie ich meine eigenen tooltip bewegen Sie mit meinem cursor, aber bin kämpfen mit qtip. Bitte erläutern Sie den code, auf den es Sie zu beantworten. Dank

Mein html:

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

Kann ich eine normale tooltip(ohne qtip js lib) zu Folgen, mein cursor mit den folgenden jquery-code

$(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();

});
});

Und der code für die Anzeige eines statischen qtip-tooltip:

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

Dies ist, was ich bisher versucht habe:

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

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