为什么我的JavaScript无法在高品质文字中使用

时间:2018-10-30 03:35:59

标签: javascript html

使用崇高的文字3,JavaScript无法在浏览器中运行,无法使用我的汉堡包/切换菜单。 发生script5009错误$未定义

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
  <link rel="stylesheet" type="text/css" href="CSS/style.CSS">
  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
  <script src="/JS/stuff.js"></script>

 </head>
 <body>
    <header>
 <div class="container">

  <h1 class="Logo"><img src="images/image.png"></h1>

  <nav class="site-nav">
      <ul>
        <li><a href="">Home</a></li>
        <li><a href="">About us</a></li>
        <li><a href="">staff</a></li>
        <li><a href="">Contact</a></li>
      </ul>
   </nav>

  <div class="menu-toggle">
    <div class="hamburger"></div>
  </div>

</div>

</header>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您的问题是您没有jQuery脚本。将此标签添加到文件顶部:

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

它将起作用。

编辑:

将此代码添加到HTML中以切换汉堡包:

$(".menu-toggle").on("click", () => {
    $(".hamburger").toggle();
});

它将起作用。