微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么移除菜单移动设备不起作用?

如何解决为什么移除菜单移动设备不起作用?

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 举报,一经查实,本站将立刻删除。