관리자페이지 아이콘 클릭이 안됩니다.. 채택완료
생준
5년 전
조회 2,193
우측에 서브메뉴는 클릭하여 들어가지는데 왼쪽 나머지 아이콘은 클릭하면 아무 반응이 없습니다 ㅠㅠ
</p>
<p>$(function(){
console.clear();</p>
<p>const app = (() => {
let body;
let menu;
let menuItems;</p>
<p> const init = () => {
body = document.querySelector("body");
menu = document.querySelector("#hamburger");
menuItems = document.querySelectorAll(".nav__list-item");</p>
<p> applyListeners();
};</p>
<p> const applyListeners = () => {
menu.addEventListener("click", () => toggleClass(body, "nav-active"));
};</p>
<p> const toggleClass = (element, stringClass) => {
if (element.classList.contains(stringClass))
element.classList.remove(stringClass);else
element.classList.add(stringClass);
};</p>
<p> init();
})();
});
</p>
<p>
menu.js의 코드입니다
해결방안 알려주시면 감사하겠습니다!
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
5년 전
</p>
<p>menu<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token double-quoted-string string">"click"</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token function">toggleClass</span><span class="token punctuation">(</span>body<span class="token punctuation">,</span> <span class="token double-quoted-string string">"nav-active"</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></p>
<p><span class="token punctuation">
위에 () 괄호가 있는데 저게 맞는건지...
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
�
병원에서일해요
5년 전
classList.toggle()이 로 수정해보세요
�
생준
5년 전
댓글 감사드립니다^^
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인