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();
});