为什么我的 JavaScript 在 sublime text 中不起作用

Question

使用 sublime text 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>

Answer 1

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

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

它会起作用。

编辑：

将此代码添加到您的 HTML 以切换汉堡包：

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

它会起作用。

为什么我的 JavaScript 在 sublime text 中不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-10-30 03:40:49

编辑：

为什么我的 JavaScript 在 sublime text 中不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-10-30 03:40:49

编辑：

解决方案1
0 已采纳 2018-10-30 03:40:49