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: Can't find variable: $

避免混合jQuery和JavaScript事件綁定，所以你的代碼將如下所示：

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

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