Hello, World!
이전 목록 다음
채택완료

관리자페이지 아이콘 클릭이 안됩니다..

생생준
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전 2,340

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의 코드입니다

해결방안 알려주시면 감사하겠습니다!

그누보드5 관리자 관리자페이지 아이콘 오류
|

답변 4개 / 댓글 2개

채택된 답변
+20 포인트
스스팸마요
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전

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

 

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

생생준
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전

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

 

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

병병원에서일해요
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전

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

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

답변에 대한 댓글 2개

병원에서일해요
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
classList.toggle()이 로 수정해보세요
생준
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
댓글 감사드립니다^^
classList.toggle()으로 수정해본 결과 메뉴 아이콘은 잘 눌러지나 menu를 눌렀을때 이벤트가 안먹힙니다ㅠㅠ
플라이
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전

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

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