2013-09-27 157 views
0

在網站http://va.in-design.com當我將鼠標懸停在菜單上時,一切正常。但是,當我嘗試訪問子菜單鏈接和子菜單時,菜單關閉。我認爲這可能與透明背景有關。如果有什麼辦法不讓它關閉。JQuery下拉菜單鼠標懸停。菜單關閉

感謝, 馴ž

+0

你可以在jsFiddle上添加你的js,css和html嗎? –

+0

我試着將部件添加到JSFiddle,但無法啓動它。不知道我要做什麼。我會再試一次,讓我知道我什麼時候做。謝謝, –

+0

我加了。請查看: http://jsfiddle.net/tziady/XFqAd/ 它在JSFiddle上完美運行。我的假設是,其他一些層正在搞亂它。我有一些mouseenter事件也不適用於文本標籤。不知道它是html還是body cs代碼。試圖刪除它,看看會發生什麼。 –

回答

0

它看起來像子菜單不是菜單的孩子。因此,當您懸停在子菜單上時,您不再徘徊在菜單上,而是關閉。您可以重構代碼,以便該子菜單是頂級菜單項的子項。

+0

好的,我對CSS非常陌生。我會通過代碼來看看你的意思?你能給我一個關於如何使它成爲頂級菜單的孩子的指針嗎?有一種簡單的方法,還是我必須重新配置分配?感謝指針。將我的想法發回。 –

+0

你能給我一點關於如何實際做到這一點的線索。這是在CSS還是HTML。對不起;但我不確定孩子的繼承是如何得到或沒有獲得的。 –

+0

對不起,仔細觀察一下,我覺得其他的東西在那裏。不知道是什麼,現在 - 我會試着看看幾分鐘。 – andi

0

它看起來像你在LI上綁定鼠標事件,它應該包括所有的孩子,但不要。你試圖改變你的結構:

<DIV align="center"> 
<ul id="sdt_menu" class="sdt_menu"> 
<DIV class="someclass"> 
<LI> 

...然後綁定鼠標事件(「#someclass」),而不是「#sdt_menu>裏」?

當您將鼠標事件綁定到LI時,它顯然不會附加到子DIV,但會附加到子A元素。


另一個可能的答案是to use .hover instead of .mouseenter and .mouseleave

.hover() jQuery函數有兩個參數,在hover(的mouseenter)要被執行的功能,並在hover out(鼠標離開)時要執行的功能。你應該使用它而不是mouseleave