Question

我创建了a menu，共有3层。

单击顶级项后会出现问题。您会注意到，顶部项目上有一个LI：Hover伪类，当您将鼠标悬停在它们上方时会突出显示灰色。如果您单击其中一个顶部项目，然后等待菜单区域2秒钟，它将恢复为当前页面的菜单项。

以下是问题发生的地方。如果您现在将鼠标悬停在刚刚单击的顶级菜单项上，则其伪悬停似乎已消失或被禁用。

我不确定这是我的jQuery / Javascript错误还是CSS错误。

任何帮助都会很棒！

谢谢，德文

Answer 1

动画运行后，<li>最终处于以下状态

<li style="background-color: transparent; background-position-y: 24px;">

使用内联background-color覆盖CSS规则

#navigation li:hover, .active { background-color: #888888; }

将revert（）方法从$curMenuTop.css('backgroundColor', 'transparent');更改为$curMenuTop.css('backgroundColor', '');应解决问题，因为它会删除backgroundColor，而不是将其设置为transparent并允许：hover仍然在必要时获胜

单击事件后禁用伪悬停类

1 个答案: