Question

我正在尝试创建一个简单的关于页面，该页面使用JQuery单击来更改文本和about主体的内容（而不是创建3-4个独立页面）。我正在尝试使用'菜单'很简单，但由于某种原因它没有按预期工作。

每个菜单选项单击将触发一个JQuery事件，该事件将更改正文的文本，并将单击的菜单选项的颜色更改为蓝色以显示它已被选中。

现在，我试图应用的jquery无法正常工作，并且颜色不会在点击时切换。

我的JQuery

$(document).ready(function(){
    $('.about-link').click(function(){
        $(this).toggleClass('clicked');
    });
});

的jsfiddle

Answer 1

#about-nav a css选择器的特异性高于.clicked，因此从该选择器而不是.clicked应用颜色。例如，使用#about-nav a.clicked提高特异性。