Javascript 动画（可能切换类）不工作
因此，我正在制作一个网站，其中我有几个div，当用户单击特定按钮或导航项目时，这些div应该从右、左或顶部滑动。然而，这些都不起作用。当我点击按钮时，没有一个div会滑过，而这个按钮是用来让div滑动的。我使用纯javascript来执行这些操作。到目前为止，我已经尝试了几个动作。首先，我认为这是因为我没有window.onload，但添加它后，一切都没有改变。然后我想可能链接仍然带有默认操作，所以我尝试添加e.preventDefault，希望这就是问题所在，它也不起作用。然后我发现了一些奇怪的事情，让我觉得可能是我的计算机没有正确地解释javascript（我知道，奇怪的想法。但我只是在考虑任何事情，因为我已经没有解决方案了）。但事实上，我的计算机或编辑器没有读取javascript中的“文档”或窗口。它说它们都没有定义，这很奇怪，因为我在正文的末尾正确地链接了javascript文件。所以我决定在JSFIDLE上运行它，检查它是否真的只是我的计算机。然而，即使在JSFIDLE中，当我单击按钮使div滑动时，div仍然不会滑动 我没有主意了。因为我正在做的项目很大，所以我提取了div中不滑动的部分，以使事情更简单。当我们点击同一个div时，你们将看到的div应该从左边滑动 以下是html代码：Javascript 动画（可能切换类）不工作,javascript,html,css,Javascript,Html,Css,因此，我正在制作一个网站，其中我有几个div，当用户单击特定按钮或导航项目时，这些div应该从右、左或顶部滑动。然而，这些都不起作用。当我点击按钮时，没有一个div会滑过，而这个按钮是用来让div滑动的。我使用纯javascript来执行这些操作。到目前为止，我已经尝试了几个动作。首先，我认为这是因为我没有window.onload，但添加它后，一切都没有改变。然后我想可能链接仍然带有默认操作，所以我尝试添加e.preventDefault，希望这就是问题所在，它也不起作用。然后我发现了一些奇怪
<!DOCTYPE>
<html>
<head>
<title>Emanuel Inacio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css? family=Roboto+Condensed:100,300,400" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div id="home-page">
<div id="nav-bar"></div>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
var nav = document.getElementById("nav-bar");
window.onload = function () {
nav.addEventListener("click", function () {
nav.classList.toggle("active");
});
}
var nav=document.getElementById（“导航条”）；
window.onload=函数（）{
nav.addEventListener（“单击”，函数（）{
导航类列表切换（“活动”）；
});
}*{
保证金：0；
填充：0；
框大小：边框框；
字体系列：“Roboto Condensed”、“San serif”；
}
#导航条{
宽度：50%；
高度：100vh；
背景色：#000000；
转化：translateX（-50%）；
转变：转变0.5s；
}
#导航杆激活{
转化：translateX（50%）；
}
var nav = document.getElementById("nav-bar");
window.onload = function () {
nav.addEventListener("click", function () {
nav.classList.toggle("active");
});
}