jquery - jQuery悬停问题错误

Question

小提琴

要重现错误：

1. 将鼠标悬停在 bbb111 上快速几次（快速我的意思是每秒几次） - 我认为最好的方法是自上而下移动鼠标（不是侧面/侧面）
2. 然后将鼠标悬停在 bbb111 上并将其子菜单悬停在 ccc222 上。
3. ccc222 有另一个子菜单，它不会按应有的方式显示。（主菜单不会向下移动，子菜单将不可见（将在主菜单下 - 如果您设置overflow:visible它是可见的但它在主菜单下并且主菜单仍然不会向下移动以腾出另一个子菜单的位置。

在 Mozilla、Opera 和 Chrome 上转载

Answer 1

好的，我找到了解决方案。问题是 jQuery 将内联样式 attr 应用于元素，如果 stop() 被触发，这些样式在动画中间保持“原样”，溢出：隐藏的东西等。解决方案是“重置”菜单状态 - 添加到 mouseIn动画回调函数$(this).removeAttr('style');