jQuery toggleClass（）导航无法正常工作

Question

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

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

.active class应该为点击时选择的“li”提供黄色bg，但它不起作用。

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

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;
    });
});

演示：Fiddle

Answer 3

您的代码中存在语法错误，

});

中缺少li.Click()

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

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

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