Question

我已经写了一些Jquery来处理表格＆amp;桌面随着悬停或点击而下降 - 它几乎可以很好地工作，除非它一旦下降就不会返回（返回）。

在以下代码中使用鼠标左键将显示更改为隐藏是否正确？

这是我写的代码：

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中也有这个更好的表现：

http://codepen.io/anon/pen/jPbJMJ

谢谢

Answer 1

我设法通过更改以下内容来完成此操作：

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-menu。

我希望这有助于任何人尝试编写WordPress下拉菜单导航菜单

使用Jquery从WordPress菜单中删除Subnav Dropdown

1 个答案: