[jQuery] 특정 영역을 제외한 부분을 클릭 질문드립니다. 채택완료
obli
5년 전
조회 5,001
</p>
<p>/*css*/</p>
<p>.menu.active {display:block;}</p>
<p> </p>
<p>$('.menu_btn').click(function(){
$('.menu').addClass('active');
});
$('body').on('click', function(e){</p>
<p> if ($('.menu').has(e.target).length === 0) {
$('.menu').removeClass('active');
}</p>
<p>});</p>
<p>
</p>
<p>/*css*/</p>
<p>.menu.active {display:block;}</p>
<p>
$('.menu_btn').click(function(){
$('.menu').addClass('active');
});
$('body').click(function(e) {
if (!$(e.target).hasClass('menu')) {
$('.menu').removeClass('active');
}
});</p>
<p>
.menu_btn 클릭후 메뉴가 열리고
.menu 외 여백을 누르고 메뉴가 닫히고싶은데...
두가지 방법을 해봐도 안됩니다ㅠ
도와주세요
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
5년 전
이런식이어야 하지 않을까요?
</p>
<p>.menu.active {display:block;}</p>
<p>$('.menu_btn').click(function(e){ </p>
<p> $('.menu').toggleClass('active');</p>
<p> e.stopPropagation();</p>
<p>});</p>
<p>$('body').click(function(e) {</p>
<p> $('.menu').removeClass('active');</p>
<p>});</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
o
obli
5년 전
제가 너무 어렵게 생각하네요 ㅠㅠㅠ 감사합니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인