문서에서만 jkmegamenu 숨기기

Question

앵커 태그 클릭시 하위 메뉴를 표시하려면 jkmegamenu을 사용하고 있습니다. 문서 또는 앵커 태그를 다시 클릭하면 하위 메뉴를 숨겨야합니다. 난 단지하는 MouseLeave를 (아래 수정과 앵커 태그를 클릭 제거에 하위 메뉴를 숨길 수 있었다 :

megamenu.$menuobj.bind("click **mouseleave**", function(e){ 
     var menuinfo=jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))] 
     menuinfo.hidetimer=setTimeout(function(){ //add delay before hiding menu 
      jkmegamenu.hidemenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos"))) 
     }, jkmegamenu.delaytimer) 
    }) 

하지만 내가 어떻게 문서의 아무 곳이나 클릭에 메뉴를 숨길 수 있습니다

Answer 1

당신은들을 수 있습니다? .. 그것이 당신의 하위 메뉴의 일부 not 경우, 당신은 당신의 하위 메뉴를 숨길 수있는 클릭 이벤트에 대한 window와 클릭 한 페이지의 어떤 요소를 확인 jQuery를 사용하면 같이 수행 할 수 있습니다

$(window).click(function(e) { 
    if(!$(e.target).hasClass('submenu-link')) { 
     // hide menu here 
    }); 
}); 

그 당연히 if 탐색은 다음과 같습니다.

<a class="submenu-link" href="/" ... />