저번에 만들었던 left-menu로 버블링현상을 복습하는 중에 질문이 있어서 올립니다!
왼쪽 메뉴가 열렸을 때, 다른 화면을 터치하면 왼쪽메뉴가 없어지게 해보려는데,
showMenu를 클릭하면 버블링 현상때문에 body까지 클릭? 되어버려서
메뉴가 나옴과 동시에 들어갑니다!
이런 경우에는 이전에 모달창을 만들었을 때 처럼 투명한 배경을 만들어서 하는 방법이 제일 효율적인가요?
서브메뉴도 마찬가지로 생각하면 될까요?
<!-- Show menu JS-->
<script>
$('#show-menu').click(function() {
$('.left-menu').animate({
marginLeft: '0px'
});
})
$('body').click(function(e) {
if(e.target !== document.querySelector('.left-menu')){
$('.left-menu').animate({
marginLeft: '-150px'
})
}
})
</script>
