Javascript 点击链接时的活动li

我正在尝试在我的选项卡上应用选定/活动效果。因此，当一个选项卡被选中时，它应该在其上应用活动类，默认情况下，第一个选项卡是活动类。我尝试使用jquery函数，但似乎不起作用：

jsfiddle：

$function{ $'nav'。查找'a'。单击函数E{ e、 防止违约； $this.hash.show.sides.hide； }.filter'：第一个。单击； }; $'a'。单击，函数{ $'li'。删除类'active'； $this.addClass'active'； }; 李海军{ 显示：内联块； 填充：10px 11px； 背景：fff！重要； 右边距：6px； } 导航ul{ } 李娜{ 颜色：000； 文字装饰：无； 文本转换：大写； } .主动{ 背景：000000！重要； 颜色：fff； } 马普雷米埃党 我的朋友 我的政党 这是jQuery单击事件的基本概要。根据需要进行修改，但要确保将该类删除并添加到同一元素中。希望这有助于：

---

这是jQuery单击事件的基本概要。根据需要进行修改，但要确保将该类删除并添加到同一元素中。希望这有帮助：

不需要两种不同的单击绑定：

$(function() {
   $('#nav').find('a').click(function(e) {
       e.preventDefault();
       $(this.hash).show().siblings().hide();
       $('#nav').find('a').parent().removeClass('active')
       $(this).parent().addClass('active')
   }).filter(':first').click();
});

而且CSS是错误的；无法制作导航李背景！重要信息，它将覆盖活动类

---

我清理了css:

不需要两种不同的点击绑定：

$(function() {
   $('#nav').find('a').click(function(e) {
       e.preventDefault();
       $(this.hash).show().siblings().hide();
       $('#nav').find('a').parent().removeClass('active')
       $(this).parent().addClass('active')
   }).filter(':first').click();
});

而且CSS是错误的；无法制作导航李背景！重要信息，它将覆盖活动类

---

我清理了css:

主要的问题是，在您的小提琴中，包含了jQuery 1.6，这是一个非常旧的版本。至少包括1.9.1

$('a').on('click',function(){
     $('li a').removeClass('active');
     $(this).addClass('active');
}).first().click();

---

主要的问题是，在您的小提琴中，包含了jQuery1.6，这是一个非常旧的版本。至少包括1.9.1

$('a').on('click',function(){
     $('li a').removeClass('active');
     $(this).addClass('active');
}).first().click();

---

什么似乎不起作用，确切地说？什么似乎不起作用，确切地说？它需要在单击链接时更改li背景它需要在单击链接时更改li背景