將.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();