时间戳

首页 > 解决方案 > 尝试使用 javascript 为汉堡菜单设置动画，但是它不起作用并且找不到任何错误

javascript - 尝试使用 javascript 为汉堡菜单设置动画，但是它不起作用并且找不到任何错误

问题描述

我已经编写了几行 Javascript 来为我网站上的汉堡菜单设置动画，但是它已经停止工作。我不确定为什么这是以前的工作方式。我已经更改了一些文件夹的名称，但是我找不到任何拼写错误。

  <!DOCTYPE html>
<html lang="en">

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://use.typekit.net/ofz7hfa.css">
        <link href="CSS/style.css" type="text/css" rel="stylesheet" />
    
    </head>

    <body>
        <nav>
            <div class="logo">
                <img src ="Images/Logo.png" alt=" logo" class ="logo">
            </div>
                <ul class="nav-links">
                    <li><a href="index.html"> HOME </a></li>
                    <li><a href="About Me/index.html"> ABOUT</a></li>
                    <li><a href="Projects/index.html">PROJECTS </a></li>
                    <li><a href="Misc/index.html"> BLOG</a></li>
                </ul>
                <div class="burger">
                    <div class="line1"></div>
                    <div class="line2"></div>
                    <div class="line3"></div>
                </div>
        </nav>
            <script> src='javascript/personal.js'</script>
        </body>
</html>


const navSlide = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelector('.nav-links');

    burger.addEventListener('click',() => {
        nav.classList.toggle('nav-active');
    });
}
navSlide();

标签： javascript

解决方案

推荐阅读