使用jquery应用导航类

我在使用导航面板上的jQuery应用CSS时遇到问题。当用户单击链接时，应应用所选的类

我的html代码是

 <ul id="example-two">
        <li><a href="#">About Us</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">People</a></li>
        <li><a href="#">Career</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Videos</a></li>
    </ul>    

我的jQuery代码是

<script>
$(document).ready(function() {
    $('ul#example-two li a').click(function() {
       $('ul#example-two li a').removeClass("selected");
       $(this).addClass("selected");
    });
})
</script>

$（文档）.ready（函数（）{
$（'ul#示例二li a'）。单击（函数（）{
$（'ul#example two li a'）。removeClass（“selected”）；
$（此）.addClass（“选定”）；
});
})

---

知道哪里出了问题吗？

您正在覆盖顶部CSS选择器中的背景图像值。有关css优先级的更多信息，请参阅

将

.selected

更改为

#示例二li a.selected

---

这不应该有什么问题。这一定是其他地方的问题。（这段代码真的被评估了吗？）但是肯定有什么地方出错了..我在编辑之外找不到它。请注意，您的代码只能在FireFox中工作。这是有意的吗？不。我打算让它在所有浏览器上都能工作。。我应该在哪里进行更改？@Jigar。特定于-moz的背景渐变仅在FF中有效。有很多网站将为您生成css。例如：是的，我已经想出来了，谢谢，代码在修改了你在编辑中建议的内容后运行良好：）

<script>
$(document).ready(function() {
    $('ul#example-two li a').click(function() {
       $('ul#example-two li a').removeClass("selected");
       $(this).addClass("selected");
    });
})
</script>