Offset falsche Position

Question

Ich möchte einen Tooltip mit dynamischer Positionsänderung hinzufügen. Dies ist Code js:

$('a[rel=tooltip]').mouseover(function(e) { 
     //Grab the title attribute's value and assign it to a variable 
     var tip = $(this).attr('title');  
     //Remove the title attribute's to avoid the native tooltip from the browser 
     $(this).attr('title',''); 
     //Append the tooltip template and its value 
     $(this).append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div></div>');//Show the tooltip with faceIn effect 
     $('#tooltip').fadeIn('500'); 
     $('#tooltip').fadeTo('10',0.9); 
    }).mousemove(function(e) { 
     //Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse 
     $('#tooltip').css('top', e.pageY + 10); 
     $('#tooltip').css('left', e.pageX + 20); 
    }).mouseout(function() { 
     //Put back the title attribute's value 
     $(this).attr('title',$('.tipBody').html()); 
     //Remove the appended tooltip template 
     $(this).children('div#tooltip').remove(); 
    }); 

Meine Seite: http://pododezhdoy.ru/catalog/women/nizhnee_bele/

Problem: Warum falsch Postion Skript ermitteln?

Answer 1

Welche Position sollte richtig sein? Dieser Code zeigt den Tooltip über dem Bild an.

var itempos = $(this).parent().position(); 
    $('#tooltip').css('top', itempos.top + 'px'); 
    $('#tooltip').css('left', itempos.left + 'px');