Jquery 클릭 이벤트에서 메뉴 div 닫기

Question

메뉴 버튼을 클릭 할 때 div가 열리고, 사용자가 아무 데나 클릭하면 해당 버튼을 닫으려고합니다. 내가 겪고있는 문제는 사용자가 클릭 할 때 내 코드에서 show div와 close div가 있는데 어떤 이유로 든 동시에 실행되는 것입니다. click 이벤트의 코드는 아래와 같습니다. 어떻게하면 동시에 발사하지 않도록 할 수 있으며 클릭 기능을 실행하지 않는 div를 열 때 어떻게 할 수 있습니까? 감사!

//if user clicks and menu is open then hide menu div 
$(document).click(function() { 
     if($("menu").hasClass("menu_closed") == false) { 
      //will hide the menu div 
      closeMenu(); 
     } 
} 

Answer 1

나는 당신이 실제로 원하는 것은, 다른 클릭 처리기에서 같은 전파를 중지하는 것입니다 생각 : 당신은 핸들러의 메뉴를 닫 이벤트 처리기를 추가하는 것을 고려할 수 있습니다

$("your_menu_selector").bind("click", function(e){ 

    //your code to open the menu 

    e.stopPropagation(); 
    return false; 
}) 

Answer 2

을 그 메뉴를 엽니 다. one 메서드를 사용하여 한 번만 실행하십시오. 메뉴를 여는 핸들러에서 이미 열려 있는지 확인하고없는 경우 no-op를 수행하십시오.

$('.openButton').click(function() { 
     var $menu = $('#menu'). 
     if ($menu.hasClass('menu_closed')) { 
     $menu.removeClass('menu_closed').addClass('menu_open'); 
     $(document).one(function() { 
      $menu.removeClass('menu_open').addClass('menu_closed'); 
     }); 
     } 
});