jQuery addClass不起作用

时间:2014-03-11 12:25:20

标签: jquery addclass

我有一个菜单,其中放置了不同的按钮。加载初始页面时,一个按钮处于活动状态(通过class="active声明)。现在,当我点击另一个按钮时,该类将被删除并添加到刚刚单击的按钮。代码工作得很好,然后我在jquery中尝试了不同的东西,但是我删除了它,但是我的代码不起作用,即使我有一个不同的项目,我有相同的代码并且它正在工作。

这是我的Jsfiddle:

http://jsfiddle.net/3e2MW/1/

2 个答案:

答案 0 :(得分:2)

您正在使用$(this)绑定错误的click事件处理程序。使用此:

$('#nav ul li a').click(function() {
           $("#nav ul li a").removeClass("active");
           $(this).addClass('active');
           return false;});

<强> Working Demo

答案 1 :(得分:0)

更改代码如下:

$(document).ready(function() {
$("#nav ul li a").click(function(e) {
           e.preventDefault();
           $("#nav ul li a").removeClass("active");
           $(this).addClass('active');  
           return false;
         });
 });

Demo