Jquery 航路点事件后禁用悬停

我已经设置了精灵悬停事件和航路点Jquery事件，它们根据主导航菜单上的锚定/滚动来更改css-

JFIDLE示例可在此处找到：

在单击任何导航之前，悬停工作正常，但一旦单击其中一个导航并触发航路点，悬停将被禁用

---

我该如何纠正这个问题

这可能是CSS特异性问题之一。就用它来装饰吧！重要的这将解决以下问题：

.menu:hover {
    background: url("http://www.solidbackgrounds.com/images/two/950x350/950x350-vegas-gold-venetian-red-two-color-background.jpg") 0 100%!important;
color: #00a4f0!important;
}

.menu:hover {
    background: url("http://www.solidbackgrounds.com/images/two/950x350/950x350-vegas-gold-venetian-red-two-color-background.jpg") 0 100%!important;
color: #00a4f0!important;
}