Javascript 使用Jquery从WordPress菜单中删除Subnav下拉列表

我写了一些Jquery在桌面和表格上工作，它可以通过鼠标悬停或单击来下拉——它几乎可以很好地工作，除非它一旦下拉就不会返回（返回）

在下面的代码上使用鼠标左键将显示更改为隐藏是否正确

以下是我编写的代码：

jQuery(function($) {
 $("#menu-main-menu").find('li').hover(
   function(){$(this).click();
 }).click(
 function(){

     var visibleMenu = $("ul.sub-menu:visible");
     if (visibleMenu) {
        $(visibleMenu).hide(); 
     }


    $('ul.sub-menu', this).show();
}
);
})

我在Codepen中也有这样的代码，以更好地显示：

---

谢谢你

我通过更改以下内容来做到这一点：

jQuery(function($) {
 $("#menu-main-menu").find('li').hover(function(){$(this).click();}).click(
 function(){

     var visibleMenu = $("ul.sub-menu:visible");
     if (visibleMenu) {
        $(visibleMenu).hide(); }

    $('ul.sub-menu', this).show();

    $("#menu-main-menu").mouseleave(function(){
    $("ul.sub-menu").hide(); 
  });
}

);
})

如您所见，如果未使用鼠标选择#menu main menu div，我使用Jquery中的mouseleave函数删除ul.sub菜单

我希望这能帮助任何试图编写WordPress下拉子导航菜单的人