2009-08-21 5 views
1

私はmax-height<ul>overflow:auto CSSのプロパティで<li>要素に何らかの行動を添付するjQueryのhover()ヘルパーを使用しています。jQueryのホバー():オーバーフローを使用している場合マウスアウトは発生しません:(スクロールバー付き)オート

<ul>の高さはmax-height超えて、垂直スクロールバーが表示されたら、<li>要素の上にマウスを移動すると、mouseOverをトリガーするが、私はスクロールバーを右に移動し、マウスでスクロールを開始した場合、mouseOutイベントは発生させません。 (私は要素に戻り、別の方向に移動してmouseOutを発火させなければならない)。

これはjQueryの問題ですか、それともバグを引き起こすのは私の特定の状況ですか?

注:<li>の要素には、display:blockが添付されています。

答えて

2

のみFirefoxのバグであるように見える - jQueryのバグトラッカーは、オープンチケットhereを有しています。

+0

そのチケットには適切な回避策が含まれています。私は少し修正しました(チケットのコメントを見てください)。 – thorn

0

これはブラウザ固有の問題ですか? CSSのホバー擬似クラスを使用して、より効率的に完成させることができるように思えます。また、li要素が表示ブロックに設定されている場合、一部のブラウザではlist:itemを使用して要素を処理しなければならないため、いくつかのブラウザでは番号や箇条書きは関連付けられません。ここ

がCSSからホバーの例である:

UL:ホバー{高さ:10em;}

+0

これはFirefox 3で起こっています。私は箇条書きは必要ないので問題ありません。 :hover擬似クラスはIE6では動作しません(私はまだサポートが必要です)。 – Dan

+0

ホバーはアンカー要素のIE6で動作します。例をリストの変更に使用する例については、travelocity.com(米国版またはカナダ版)に移動し、トップページのナビゲーションバーをチェックアウトしてください。 –

関連する問題