将.position与CSS位置一起使用：相对不能按预期工作

Question

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

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

我需要position: relative位置，以便子菜单正确设置格式，但是对于我要实现的某些动画，我需要左值正确输出。

-为什么左派没有返回position: relative为期望值position: relative的？

-是否有另一种方法可以将鼠标悬停在每个项目上以获取其左值？

Answer 1

问题是您的jQuery选择器。 您正在使用$('#menu li .item') ，它可以使您返回链接元素。 在这些元素上调用position()会给出其在其父元素（即封闭的LI）中的位置，在每种情况下均为0,0。 我认为您希望封闭的LI在其UL中的位置，可以通过以下方式获得：

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