토글 클래스 적용 안됨
본문
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");
});
햄버거 메뉴(#m_gnb .menu_btn)를 클릭하면 바디와 하위 클래스에 토글클래스를 주어 사이드에서 슬라이드 되는 메뉴를 만들었는데요.
이녀석이 메인에선 동작이 안되고 서브로 들어가야 되네요...
addClass로 주면 정상적으로 붙고요 ...
개발자도구로 보았을때 클릭 시 클래스 부분이 깜빡이는거보면 마우스 이벤트를 제대로 먹고있긴 한데... 뭐가 문제일까요 ㅠㅠ
!-->
답변을 작성하시기 전에 로그인 해주세요.