点击功能停止悬停功能

时间:2011-06-28 15:40:27

标签: jquery jquery-hover jquery-click-event

这可能是一个简单的解决方案,但我没有得到它。所以我有一个单页网站即时工作我有一个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')
}
);
});

建议?

1 个答案:

答案 0 :(得分:2)

css()[docs]方法设置的内联样式会覆盖类中的样式,除非您将!important赋予类中的样式。