[jQuery] 특정 영역을 제외한 부분을 클릭 질문드립니다. 채택완료

obli

5년 전 조회 5,249

Copy



/*css*/

.menu.active {display:block;}

 

$('.menu_btn').click(function(){

    $('.menu').addClass('active');

});

$('body').on('click', function(e){

    if ($('.menu').has(e.target).length === 0) {

        $('.menu').removeClass('active');

    }

});

Copy



/*css*/

.menu.active {display:block;}



$('.menu_btn').click(function(){

    $('.menu').addClass('active');

});

$('body').click(function(e) {

    if (!$(e.target).hasClass('menu')) {

        $('.menu').removeClass('active');

    }

});

.menu_btn 클릭후 메뉴가 열리고

.menu 외 여백을 누르고 메뉴가 닫히고싶은데...

두가지 방법을 해봐도 안됩니다ㅠ

도와주세요

#jquery #특정레이어빼고 #닫기

답변 2개

정렬:

채택된 답변

+20 포인트

백수1995

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

이런식이어야 하지 않을까요?

Copy



.menu.active {display:block;}

$('.menu_btn').click(function(e){    

   $('.menu').toggleClass('active');

   e.stopPropagation();

});

$('body').click(function(e) {

   $('.menu').removeClass('active');

});

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