jQuery - jPanelMenu 외부에서 아무 곳이나 클릭 할 때 토글 된 하위 메뉴를 닫는 방법?

Question

나는 전자 상거래 사이트에 대한 코드를 업데이트하는 중이 야

는 이동 메뉴는 jQuery 플러그인 jPanelMenu을 사용하고 코드는 다음과 같다 : 사용자가 메뉴 항목을 클릭하면 하위 메뉴가 제공

var jPM = $.jPanelMenu({ 
    menu: '#mainMenu', 
    trigger: '.mobileMenuLink', 
    duration: 300 
}); 
jPM.on(); 

$('.styloSearch').clone().prependTo($('#jPanelMenu-menu')); 

$('#jPanelMenu-menu').removeClass("sf-menu sf-js-enabled sf-arrows"); 

$('#jPanelMenu-menu li.menu-parent-item a').click(function(e){ 
    $(this).siblings("ul").toggle(); 
    e.preventDefault(); 

}); 

하고, 메뉴 항목을 다시 클릭해야만 닫을 수 있지만 바깥 쪽 아무 곳이나 클릭하여 하위 메뉴를 닫을 수 있기를 원합니다.

어떻게하면 좋을까요?

고맙습니다.

Answer 1

는

당신도 원래의 기능을 유지하고,이를 추가 할 필요가

모든 요소를 ​​선택하는 $('*') 선택 사용

$('*').click(function(e){ 
    $(this).siblings("ul").hide(); 
    e.preventDefault(); 
});