jquery - jQuery toggleClass() 导航不起作用

Question

这是我的标记：http: //jsfiddle.net/dF2bM/2/

.active
{
    background: #f4b436;
    border-radius: 3px;
    width: 85px;
    padding: 5px 0;
}

.active 类应该为单击时选择的“li”提供黄色背景，但它不起作用。

我失去了希望，所以我寻求帮助。

Answer 1

$(document).ready(function(){
    $('li').click(function(){
        $(this).toggleClass('active');
    });// <== You are missing this line
});

这是jsFiddle

Answer 2

您的脚本有语法错误，缺少右括号});

$(document).ready(function(){
    $('li').click(function(){
        $(this).toggleClass('active');
        return false;
    });
});

演示：小提琴

Answer 3

您的代码中有语法错误，

你错过});了li.Click()

更改您的代码，如下所示...

小提琴：http: //jsfiddle.net/dF2bM/4/

$(document).ready(function(){
    $('li a').click(function(){
        $(this).toggleClass('active');
    });
});