编译java脚本时出现“Uncaught Reference Error：$ is not defined”错误？

Question

$(document).ready(function(){ 

    var hamburger = $(".hamburger"); 
    var line = $(".line"); 
    var menuOpen; 

    function openMenu() //function used to open menu 
    { 
     menu.css("left", "0px"); 
     line.css("background", "#FFF"); 
     menuOpen = true; 
     } 

     function closeMenu() //closing the menu 
     { 
     menu.css("left", "-320px"); 
     line.css("background", "#BCAD90"); 
     menuOpen = false; 
     } 

     function toggleMenu(){ // toggle between opening ang closing menu 
     if (menuOpen){ 
     closeMenu(); 
     } 
     else 
     { 
     openMenu(); 
     } 
     } 

     hamburger.on({  //hamburger menu 
     mouseenter: function(){ 
     openMenu(); 
     } 
     }); 

     menu.on({ 
     mouseleave: function(){ 
     closeMenu(); 
     } 

     }); 

     hamburger.on({ 
     click: function(){ 
     toggleMenu(); 
     } 
     }) 


    }); 

以上是对JavaScript和HTML文件中的代码片段，但在编译上面的代码后，它显示在浏览器中的错误消息"Uncaught Reference Error: $ is not defined" .kindly解决这个错误，并提出必要的解决方案。

Answer 1

加入jQuery的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

Answer 2

浏览器无法加载jQuery库。 看来你已经错过了加载它的脚本。

嵌入在您的index.html以下

<script 
src="http://code.jquery.com/jquery-3.2.1.min.js" 
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
crossorigin="anonymous"></script> 

感谢