2013-07-19 73 views
0

我想開發一個垂直多級彈出式菜單。我無法將孩子的頂端設置爲對其父母LI的位置。我採取的方法是,我計算outerwidth of the UL tag and top of parent LI tag爲子標籤各自的左側和頂部位置。但它似乎不工作。使用jQuery的垂直多級彈出式菜單問題

如果我組的左和頂部使用CSS,第一級看起來不錯,但對於水平其餘部分的頂部總是被設置爲0。

_pm.child.show().css({left:left-2,top:top-1}); 

如果我使用position功能,所有顯示的級別與其父級非常接近。

_pm.child.show().position({left:left-2,top:top-1}); 

我沒有得到什麼問題。這裏是fiddle。 有人能幫助我嗎?

+0

車輪不需要重新發明! http://jqueryui.com/menu/#default – DevlshOne

+0

是啊...我知道,jQuery Menu.But我們的要求是一些什麼不同的東西,我在這裏發佈的只是一段代碼示例... –

回答

1

通過mouseleave改變鼠標,它會工作:)

+0

是啊,哥們兒,真棒,真的。但是,如何區分鼠標和鼠標?它是如何影響左側和頂部的位置? –

+0

看看這裏:) http://stackoverflow.com/questions/4258615/what-is-the-difference-between-jquerys-mouseout-and-mouseleave – GwenM

+0

瞭解它.. ..你.. .. :) –