2009-08-21 135 views
1

我使用jQuery的hover()幫手附加一些行爲<li>元素在<ul>max-heightoverflow:auto CSS屬性自動(帶滾動條):鼠標移出不使用溢出時觸發。的jQuery懸停():

<ul>的高度超出max-height並出現垂直滾動條,將鼠標懸停在<li>元,就會觸發mouseOver,但如果我移動到要滾動的權利,並開始用鼠標滾動時,mouseOut事件永遠不會觸發。 (我必須將鼠標懸停在元素上並通過其他方向退出,以使mouseOut發生火災)。

這是jQuery的一個問題,或者是我的具體情況是觸發錯誤?

注意:<li>元素有display:block連接到它們。

回答

2

似乎只是在Firefox中的錯誤 - jQuery的錯誤追蹤系統具有開放式票here

+0

該票包含一個很好的解決方法。我已經做了一些小修改(請參閱我對票的評論),現在對我來說,所有工作都非常好。 – thorn 2009-11-17 12:39:46

0

這是瀏覽器特有的問題嗎?這聽起來像你想要發生的一切可以更有效地完成使用懸停僞類的CSS。另外,如果li元素被設置爲顯示塊,他們將不會在某些瀏覽器中與它們關聯的數字或項目符號,因爲這些瀏覽器需要使用display:list-item來處理具有列表項目演示的元素。

這裏是CSS懸停的例子:

UL:懸停{高度:10em;}

+0

這發生在Firefox 3.我不需要子彈,所以這沒有問題。 :hover僞類在IE6中不起作用(我仍然需要支持)。 – Dan 2009-08-21 10:41:58

+0

懸停在IE6的錨元素上工作。舉個例子,如何使用這個修改列表,轉到travelocity.com(美國或加拿大版本),並在主頁上籤出頂部的導航欄。 – 2009-08-21 11:12:19