问题描述
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))