jQuery hover():使用overflow:auto(带滚动条)时不会触发mouseout

时间:2009-08-21 10:28:59

标签: javascript jquery events javascript-events

我正在使用jQuery的hover()帮助程序将某些行为附加到<li><ul>max-heightoverflow:auto CSS属性的元素。

<ul>的高度超出max-height且出现垂直滚动条时,将鼠标悬停在<li>元素上会触发mouseOver,但如果我向右移动滚动条并开始用鼠标滚动,mouseOut事件永远不会触发。 (我必须将鼠标悬停在元素上并从其他方向退出以使mouseOut点火。)

这是jQuery中的一个问题,还是我触发错误的具体情况?

注意:<li>元素附加了display:block

2 个答案:

答案 0 :(得分:2)

似乎只是Firefox中的一个错误 - jQuery bugtracker有一个开放的票证here

答案 1 :(得分:0)

这是浏览器特定的问题吗?听起来你想要发生的一切都可以使用CSS的hover伪类更有效地完成。此外,如果li元素设置为显示块,则在某些浏览器中不会有与其关联的数字或项目符号,因为这些浏览器需要使用display:list-item来处理带有列表项呈现的元素。

以下是从CSS悬停的示例:

ul:悬停{height:10em;}