我有一個(gè)畫(huà)布外菜單，當(dāng)單擊切換按鈕時(shí)該菜單會(huì)飛出 - 到目前為止一切順利。所有菜單鏈接共享相同的類(lèi)名（在本例中為 .nav-link）。我需要在單擊任何鏈接時(shí)關(guān)閉菜單，我認(rèn)為已經(jīng)選擇了所有鏈接，并且我認(rèn)為我必須循環(huán)遍歷選擇的數(shù)組，但我不確定是否實(shí)現(xiàn)它?，F(xiàn)在，單擊鏈接時(shí)不會(huì)發(fā)生任何事情。我的HTML：<ul class="nav-list"> <li class="nav-item"><a href="#" class="nav-link">articles</a></li> <li class="nav-item"><a href="#" class="nav-link">tags</a></li> <li class="nav-item"><a href="#" class="nav-link">links</a></li> <li class="nav-item"><a href="#" class="nav-link">archive</a></li></ul>我的CSS：.nav-list { margin: 0; margin-top: 3.2em; padding: 0; background: #777; width: 100%; transform: translateX(-100%); transition: transform 300ms cubic-bezier(.5, 0, .5, 1);}我的JS：const navToggle = document.querySelector('.nav-toggle')const navLink = document.querySelectorAll('.nav-link')navToggle.addEventListener('click', () => { document.body.classList.toggle('nav-open')})navLink.addEventListener('click', () => { document.body.classList.remove('nav-open')})
單擊鏈接時(shí)關(guān)閉菜單
開(kāi)心每一天1111
2024-01-22 15:32:35
