jquery - 单击功能使悬停功能停止工作

Question

这可能是一个简单的解决方案，但我没有得到它。所以我有一个单页网站，我正在开发一个 jquery .click() 函数，它可以改变导航的颜色。我还有一个 .hover() 函数，它也会改变颜色。在单击其中一个导航之前，悬停功能可以正常工作。然后悬停功能停止工作。这是我的代码

$(document).ready( function() {

$('nav a').click(function() {
$('nav a.lightGrey').css({color:'#888'});
$('nav a.darkGrey').css({color:'#555'});
$(this).css({color:'#0cf'});
});


$('nav a').hover(
function() {
$(this).addClass('hover')
},
function() {
    $(this).removeClass('hover')
}
);
});

建议？

Answer 1

css()^[docs]方法设置的内联样式会覆盖类中的样式，除非您!important在类中指定样式。