관리자페이지 아이콘 클릭이 안됩니다.. 채택완료
우측에 서브메뉴는 클릭하여 들어가지는데 왼쪽 나머지 아이콘은 클릭하면 아무 반응이 없습니다 ㅠㅠ
</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">
위에 () 괄호가 있는데 저게 맞는건지...
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
병원에서일해요
5년 전
toggleClass는 제이쿼리명령어 아닌가요?
스크립트랑 혼용해서 사용 안되는걸로 알고있습니다
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
5년 전
댓글 감사드립니다^^
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
답변대기
답변대기
채택
채택
답변대기
채택
답변대기
채택
채택
채택
답변대기
채택
채택
답변대기
답변대기
채택
채택