2012-09-13 23 views
1

我創建了a menu,分爲3層。單擊事件後虛擬懸停類禁用

單擊頂級項目後會出現該問題。你會注意到,頂部的項目上有一個LI:Hover僞類,當你將鼠標懸停在它上面時,它們會將它們高亮顯示爲灰色。如果您點擊其中一個頂級項目,然後等待2秒鐘離開菜單區域,它將恢復到當前頁面的菜單項目。

這是問題發生的地方。如果您現在將鼠標懸停在剛剛單擊的頂層菜單項上,則其仿真懸停似乎已消失,或被禁用。

我不確定這是否是我的部分或CSS錯誤的jQuery/Javascript錯誤。

任何幫助將是偉大的!

感謝,德文

回答

2

動畫已經運行<li>後與覆蓋CSS規則

#navigation li:hover, .active { background-color: #888888; } 

變更撤銷的直列background-color結束了在以下狀態

<li style="background-color: transparent; background-position-y: 24px;"> 

()方法從$curMenuTop.css('backgroundColor', 'transparent');$curMenuTop.css('backgroundColor', '');應該解決問題,因爲它將刪除backgroundColo r,而不是將其設置爲transparent,並允許:懸停在必要時仍然贏。

+0

完美!謝謝 :) – user1434739