編譯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> 

感謝