javascript - 如何计算 相对于其父容器的 offset()

Question

我有一个 <li>它嵌套在包含 <ul> 的内部，我想要的是计算偏移量。但是有左上角的<ul>是0, 0 .

所以我的 HTML 是:

<div style="margin: 0 auto; width: 760px; height: 760px; overflow: hidden;">
    <ul style="width: 2000px; height: 2000px; min-height: 2000px; position: relative;">
        <li style="position: relative; width: 40px; height: 40px;"></li>
    </ul>
</div>

我当前的 jQuery 是:

thePos = $('ul li').offset();
alert('X = '+thePos.left+', Y = 'thePos.top);

但是，这将返回不是 0, 0 的偏移量.我猜它是在计算相对于文档边缘而不是父容器的偏移量。

我该如何解决这个问题？

谢谢。

注意:position()也没有检索到正确的数字:(

Answer 1

尝试使用 position() 而不是 offset()。

来自 jQuery 文档:

The .offset() method allows us to retrieve the current position of an element relative to the document. Contrast this with .position(), which retrieves the current position relative to the offset parent.