jquery点击不添加类

Question

尝试一个简单的导航菜单，我知道这很简单，但为什么点击没有添加类？ append 仅用于测试并且工作正常。

$('.menu').on('click',function(){
        $(this).addClass('hovering');
        $(this).append('hello');
});

参见 fiddle :fiddle

Answer 1

那是因为您已经通过悬停应用了该类。

您可以使用 !important 指定不同的类，如下所示...

JQuery

$('.menu').on('click',function(){
    $(this).addClass('hovering2');
    $(this).append('hello');
});

CSS

.hovering2{
    border:#000 1px solid;
    background:#333 !important;
}

link to fiddler