javascript - 使用 .position 和 css 位置 : relative not working as expected

Question

我的菜单无法正常工作。看看这段代码:http://jsfiddle.net/PX9nU/1/

在 #menu li 上，如果我将 position: relative 留在原地，当您将鼠标悬停时，控制台会在所有菜单项中记录 0 的左边。如果我删除 position: relative，它会记录每个元素的预期正确左值。

我需要 position: relative 来让子菜单正确格式化，但我需要 left 值来正确输出我想要实现的一些动画。

-为什么 left 没有返回带有 position: relative 的预期值？

-是否有另一种方法可以在鼠标悬停时获取每个元素的左值？

Answer 1

问题出在您的 jQuery 选择器上。您正在使用 $('#menu li .item') 进行选择，这会返回链接元素。对这些调用 position() 会给出它们在父元素(封闭的 LI)中的位置，在每种情况下都是 0,0。我想你想要封闭的 LI 在它的 UL 中的位置，你可以通过这种方式获得:

p = $(this).parent().position();