如何解决为什么移除菜单移动设备不起作用?
const navToggle = document.querySelector('.nav-toggle');
const navMenu = document.querySelector('.nav-menu');
navToggle.addEventListener('click',function(){
navMenu.classList.toggle('show');
})
/*===== REMOVE MENU MOBILE =====*/
const navLink = document.querySelectorAll('.nav-link');
navLink.forEach(function (linkClick) {
linkClick.addEventListener('click',function(e){
const removeMenu = e.currentTarget.classList;
if(removeMenu.classList.contains('show')){
removeMenu.classList.remove('show');
}
})
})
移除菜单移动不起作用,是什么问题? 当我执行 qeuryselectorAll 并添加 forEach 时,它停止工作, 请帮我解决这个 forEach
解决方法
检查 JavaScript 控制台日志。可能发生的情况是脚本由于某些错误而“无声无息地死去”。 JavaScript通常在发生错误时根本不产生控制台输出——它只是停止运行! (不要问我为什么。)
,这段代码对我有用
const navLink = document.querySelectorAll('.nav-link');
function linkAction () {
const navMenu = document.querySelector('.nav-menu');
navMenu.classList.remove('show');
}
navLink.forEach(n => n.addEventListener('click',linkAction))
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。