使用崇高的文字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>
答案 0 :(得分:0)
您的问题是您没有jQuery脚本。将此标签添加到文件顶部:
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
它将起作用。
将此代码添加到HTML中以切换汉堡包:
$(".menu-toggle").on("click", () => {
$(".hamburger").toggle();
});
它将起作用。