jquery - jQuery ホバーの問題のバグ

Question

フィドル

バグを再現するには:

1. bbb111 を数回すばやくホバーします (1 秒間に数回という意味です) - マウスを上下に移動するのが最善の方法です (横/横ではありません)。
2. 次に bbb111 にカーソルを合わせ、そのサブメニューで ccc222 にカーソルを合わせます。
3. ccc222 には別のサブメニューがあり、正常に表示されません。(メイン メニューは下に移動せず、サブメニューは表示されません (メイン メニューの下に表示されます。設定overflow:visibleした場合は表示されますが、メイン メニューの下にあり、メイン メニューは別のサブメニューの場所を作るために下に移動しません。

Mozilla、Opera、および Chrome で再現

Answer 1

わかりました、解決策を見つけました。問題は、jQuery が要素にインライン スタイル属性を適用し、stop() が起動された場合、これらのスタイルがアニメーションの途中で「そのまま」残り、overflow:hidden などがあることです。解決策は、メニューの状態を「リセット」することです - mouseIn に追加しますアニメーション コールバック関数$(this).removeAttr('style');