クリック機能はホバー機能の動作を停止します

Question

これはおそらく簡単な解決策ですが、それを得ることはありません。だから私は1つのページのサイトで働いています私は、ナビゲーションの色を変更するjqueryの.click（）関数があります。私はまた色を変更する.hover（）関数も持っています。ホバー機能は、ナビゲーションの1つがクリックされるまでうまく機能します。その後、ホバー機能は機能しなくなります。ここに私のコードは

$(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を指定しない限り、クラスのスタイルを上書きします。