JavaScript/jQuery - offsetLeft et offsetTop

Question

Lorsque vous passez la souris sur une période, je voudrais obtenir les valeurs offsetLeft et offsetTop pour que je puisse faire flotter quelque chose à proximité. Quand je fais cela, je reçois 0 pour les deux valeurs.

Quelle est la meilleure façon d'y remédier? J'utilise jQuery.

On suppose que je commence avec (en boucle par script côté serveur):

<span onmouseover="hoverNearMe(this.offsetLeft,this.offsetTop);">some username</span><br /> 

Final Thoughts:
je donne le le représentant de réponse sur la base de "l'effet de levier de code"/DRY. La fonction la plus longue que vous pourriez utiliser encore et encore dans votre propre bibliothèque js. La deuxième réponse courte est cependant 100% correcte aussi.

Answer 1

Je pense que vous devriez être en mesure de le faire:

HTML

<span class="get-close-to">some username</span><br /> 

jQuery

jQuery('.get-close-to').hover(function() { 
    var offset = jQuery(this).css('offset'); 
    alert('Left: ' + offset.left + '\nTop: ' + offset.top); 
}); 

Answer 2

$(this).offset().left et $(this).offset().top

Answer 3

Pourquoi avez-vous besoin de scripts côté serveur?

essayez ceci:

var positionImg = function(e) { 
     $(this).offset(); 
    var zoomCntnrPos = $(this).offset.top; 
     if (zoomCntnrPos >= maxBottomVPos) 
     { 
      tPosX = e.pageX; 
      tPosY = e.pageY +20; 
      } 
     else if (zoomCntnrPos <= maxTopVPos){ 
      tPosX = e.pageX; 
      tPosY = e.pageY +40; 
      } 
     else 
      { 
      tPosX = e.pageX; 
      tPosY = e.pageY -100; 
      } 
     $zoomContainer.css({top: tPosY, left: tPosX}); 
    };