為什么我的 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