Toggleclass不工作,应该

时间:2013-10-19 14:29:59

标签: javascript toggleclass

这是非常基本的,仍然不起作用...我正在尝试更改我的按钮的类,其ID为“nav_list”。我写了剧本:

    var specialSection = document.getElementById("nav_list");
    specialSection.onclick = function() {
    alert("what");
    $('#nav_list').toggleClass('active');
    };

我得到了“什么”警报,但班级没有被切换。我错过了什么?提前谢谢!

1 个答案:

答案 0 :(得分:0)

toggleClass是一个jQuery方法,使用它必须在页面中包含jQuery。

像:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

目前,如果您检查控制台,则必须看到类似的错误(演示:http://jsfiddle.net/IrvinDominin/GyaBY/):

  

ReferenceError:找不到变量:$

避免混合使用jQuery和javascript事件绑定,因此您的代码将如下所示:

$('#nav_list').click(function() {
    alert("what");
    $(this).toggleClass('active');
});

演示:http://jsfiddle.net/IrvinDominin/GyaBY/2/