2026, 새로운 도약을 시작합니다.

관리자페이지 아이콘 클릭이 안됩니다.. 채택완료

1982482413_1604551939.1059.jpg 

우측에 서브메뉴는 클릭하여 들어가지는데 왼쪽 나머지 아이콘은 클릭하면 아무 반응이 없습니다 ㅠㅠ

1982482413_1604551946.1721.jpg

Copy


$(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개

채택된 답변
+20 포인트
Copy


menu.addEventListener("click", () => toggleClass(body, "nav-active"));

위에 () 괄호가 있는데 저게 맞는건지...
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

위 코드를 제이쿼리로 변환하여 해결했습니다!

답변주신분들 모두 감사드립니다^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

toggleClass는 제이쿼리명령어 아닌가요?

스크립트랑 혼용해서 사용 안되는걸로 알고있습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

classList.toggle()이 로 수정해보세요
댓글 감사드립니다^^
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

뭔가 다른 스크립트와 충돌이 발생되어 안되는게 아닌가 싶습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고