JavaScript/jQuery-offsetLeft和offsetTop [英] JavaScript/jQuery - offsetLeft and offsetTop

问题描述

当悬停在一个跨度上时，我想获取offsetLeft和offsetTop值，以便可以在其附近进行悬停.当我这样做时，两个值都为0.

When hovering over a span I would like to get the offsetLeft and offsetTop values so I can make something hover near it. When I do this I get 0 for both values.

解决这个问题的更好方法是什么?我正在使用jQuery.

What is a better way to tackle this? I am using jQuery.

假设我从(服务器端脚本循环)开始:

Assume I am starting with (looped by server-side scripting):

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

最终想法:
我根据代码杠杆"/DRY给出答案代表. 您可以在自己的js库中反复使用较长的函数. 第二个简短答案也是100％正确.

FINAL THOUGHTS:
I'm giving the the answer rep out based on "code leverage"/DRY. The longer function you could use over and over in your own js library. The second short answer however is 100% correct too.

推荐答案

我认为您应该可以这样做:

I think you should be able to do this:

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 );
});

这篇关于JavaScript/jQuery-offsetLeft和offsetTop的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！