javascript - Toggleclass 不工作，虽然应该

Question

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

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

我收到“什么”警报，但课程没有切换。我错过了什么？提前致谢！

Answer 1

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/