Javascript 为什么我的网站上没有运行我的.js文件？

嘿，我正在为我的完整堆栈课程做一个项目，我想为移动视图制作一个下拉菜单，但由于某种原因，我的.js文件无法工作，尽管它与我在教程和网站上看到的完全一样

我已经尝试过用Bootstrap来实现，但是同样的事情发生了，在应用移动视图和菜单之前，一切都很完美

更确切地说，当我将我的网站切换到移动视图时，它会根据我的需要进行调整，但当单击下拉菜单图标时，不会显示任何内容，也不会在任何地方显示任何菜单

HTML:

文件






DevHub-开发者配对。
CREA Y compare TUS IDEAS，enccuntera COMPAñEROS Y comineza z desarroller

和我的.js文件：

let menuToggle=document.querySelector（'.menu-Toggle'）；
让menutogleicon=document.querySelector（'.menu-Toggle i'）；
让menu=document.getElementById（'menu'）；
menuToggle.addEventListener（'click'，e=>{
menu.classList.toggle（'show'）；
});

某些下拉列表的功能取决于jQuery文件。尝试在项目中包含jQuery

要确保正确包含了.js文件，请在浏览器上打开页面，同时按Ctrl和U按钮以打开源代码视图。您将看到包含的文件。点击你的文件。如果文件打开正确，就可以了。否则它会说找不到文件。在这种情况下，您应该正确链接.js文件

---

将脚本页面和.js文件放在同一个文件夹/目录中。

问题在于，您在中使用了大写字母T的“toggle”，并且应该如HTML中所述全部为小写，请尝试以下操作：

let menuToggle=document.querySelector（'.menu-toggle'）；
让menutogleicon=document.querySelector（'.menu-toggle i'）；
让menu=document.getElementById（'menu'）；
menuToggle.addEventListener（'click'，e=>{
menu.classList.toggle（'show'）；
});

---

另一个可能的问题是ID

#menu

的CSS是冲突的，它不会使

.show

类工作，看看这个例子，ID中没有样式，但有一个隐藏的类：

a）用更专业的术语解释“不工作”。B） 如果这是一个JavaScript问题，CSS是完全不相关的，应该删除。你的querySelector中有一个输入错误。Tadman：已经编辑了这个问题，但我也会把它放在这里：当我将我的网站切换到移动视图时，它会根据我的需要进行调整，但是当单击下拉菜单图标时，不会显示任何内容，任何地方都不会出现菜单。帕特里克：刚试过，问题还在发生：/你找到答案了吗？如果没有，检查这把小提琴。我刚刚编辑了你的js代码。希望对你有帮助。另外，为了确保脚本路径正确，请在事件侦听器中添加控制台日志。如果它没有启动，那么JS文件的路径可能是错误的。在我的项目中包含了jquery文件，我检查了.JS文件是否加载得很好，是的，问题仍然存在。Javascript区分大小写，因此确保没有任何拼写差异或大小写错误。菜单切换>菜单切换对CSS文件做了一些更改，也更改了每个。菜单切换为小写，但仍然不起作用，我开始认为这是我的计算机的问题。我刚刚将文件发送给一位朋友，看看它是否适用于他。另一个非常常见的问题是，如果您在本地工作，可能是“缓存”，请尝试在浏览器中的“incognito”中打开该项目，以查看更改后该项目是否适用。帮助您的真正方法是查看文件，如果您成功地将其上载到存储器，我会很高兴地查看它。在以匿名模式打开项目后，仍然无法工作，所有缓存都已清除，什么也没有。我的朋友从他的电脑上打开了它，但它对他也不起作用，我真的不知道问题出在哪里。试着将它上传到谷歌硬盘或其他存储服务，并在“公共”中共享，这样我就可以看到整个项目发生了什么，看看我是否能找到答案。