관리자페이지 아이콘 클릭이 안됩니다..
본문
우측에 서브메뉴는 클릭하여 들어가지는데 왼쪽 나머지 아이콘은 클릭하면 아무 반응이 없습니다 ㅠㅠ
$(function(){
console.clear();
const app = (() => {
let body;
let menu;
let menuItems;
const init = () => {
body = document.querySelector("body");
menu = document.querySelector("#hamburger");
menuItems = document.querySelectorAll(".nav__list-item");
applyListeners();
};
const applyListeners = () => {
menu.addEventListener("click", () => toggleClass(body, "nav-active"));
};
const toggleClass = (element, stringClass) => {
if (element.classList.contains(stringClass))
element.classList.remove(stringClass);else
element.classList.add(stringClass);
};
init();
})();
});
menu.js의 코드입니다
해결방안 알려주시면 감사하겠습니다!
답변 4
menu.addEventListener("click", () => toggleClass(body, "nav-active"));
위에 () 괄호가 있는데 저게 맞는건지...
뭔가 다른 스크립트와 충돌이 발생되어 안되는게 아닌가 싶습니다.
toggleClass는 제이쿼리명령어 아닌가요?
스크립트랑 혼용해서 사용 안되는걸로 알고있습니다
classList.toggle()이 로 수정해보세요
댓글 감사드립니다^^
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ
위 코드를 제이쿼리로 변환하여 해결했습니다!
답변주신분들 모두 감사드립니다^^
답변을 작성하시기 전에 로그인 해주세요.