无法点击$(this).addClass来工作

时间:2014-06-19 12:32:25

标签: javascript jquery css

我无法获得点击的链接来更改课程并显示为有效链接

请参阅小提琴:http://jsfiddle.net/kAW4g/

$(".navul a").on('click', function(e) {

    $(this).addClass("navhover");

});

我做错了什么?

1 个答案:

答案 0 :(得分:7)

jQuery代码有效,问题是你的CSS规则不够具体,无法覆盖默认的background-color,试试这个:

.navul a.navhover { // <--more specific selector
    color: blue;
    background-color: #6eff97;
}

Example fiddle

另外,你的小提琴无法正常工作,因为你没有通过左侧的下拉列表在页面中包含jQuery。