테스트 사이트 - 개발 중인 베타 버전입니다

토글 클래스 적용 안됨 채택완료

굼떠 4년 전 조회 4,504

</p>

<p>if (w <= 800){

                // $('body').bind('touchmove', function(e){e.preventDefault()})

                // $('body').unbind('touchmove');

                $("#m_gnb .menu_btn").on("click", function(){

                    $(this).parents().find(".depth02").removeClass("on");

                    $("#m_gnb .menu").toggleClass("active");

                    $("#m_gnb .menu_btn").toggleClass("on");

                    $("body").toggleClass("active_gnb");

                })

                $("#m_gnb .list > li").on("click",function(){

                    $(".depth02",this).toggleClass("on");

                    $(this).siblings().find(".depth02").removeClass('on');

                });

                $(".submenu1 .list > li .xi-angle-down-min").on("click", function(){

                    $(this).next().toggleClass("mobile");

                    $(this).parents().siblings().find(".depth02").removeClass("mobile");

                    return false; //중요

                })

                $(document).click(function(e){ //문서 body를 클릭했을때

                     if(e.target.className =="xi-angle-down-min"){return false} //내가 클릭한 요소(target)를 기준으로 상위요소에 .share-pop이 없으면 (갯수가 0이라면)

                     $(".depth02").removeClass("mobile");

             });</p>

<p>

 

 

햄버거 메뉴(#m_gnb .menu_btn)를 클릭하면 바디와 하위 클래스에 토글클래스를 주어 사이드에서 슬라이드 되는 메뉴를 만들었는데요.

이녀석이 메인에선 동작이 안되고 서브로 들어가야 되네요...

addClass로 주면 정상적으로 붙고요 ...

 

개발자도구로 보았을때 클릭 시 클래스 부분이 깜빡이는거보면 마우스 이벤트를 제대로 먹고있긴 한데... 뭐가 문제일까요 ㅠㅠ

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

답변 1개

채택된 답변
+20 포인트

토글클래스부분이 두번 불려져서

추가 > 삭제 되는거같네요

해당부분 찾아서 수정해주시면될거같아요

 

위같은 문제때문에 토글보단 add,remove 쓰시는게 좋습니다

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

답변에 대한 댓글 1개

굼떠
4년 전
감사합니다. 토글이 어디서 충돌하는지 몰라... addClass로 수정해서 적용했어요~

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

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

로그인