如何关闭主页下的子菜单？

时间：2019-05-06 作者：Tommaso Cerci

当主页打开时，我在Avada垂直菜单中面临一个问题。请注意，所有“主页”、“公司简介”和“Servizi”链接到同一页面（主页）。

“Servizi”下的子菜单已经打开，而我希望它在默认情况下是关闭的，只需悬停“Servizi”即可打开，因为当您尝试从“Clienti”和“Contatti”中悬停“Servizi”时，它会正常工作。

我很确定Avada/WP中有一个选项可以做到这一点，或者通过添加一些JS代码来实现这一点，但我真的不知道如何做到这一点！

2 个回复
最合适的回答,由SO网友:Vishwa 整理而成

要做到这一点，您必须设置hidden 属性到子菜单。

CSS

#wrapper .fusion-vertical-menu-widget.left .menu .sub-menu {
    display: none;
}
要在servizi上方悬停菜单上切换显示，可以将jQuery悬停添加到菜单项中。

jQuery

var subMenu = jQuery("#wrapper .fusion-vertical-menu-widget.left .menu .sub-menu");

jQuery("#menu-item-12049").hover(function(){
   subMenu.show();
  }, function(){
   subMenu.hide();
});
Note: 您应该将类值更改为更合适的值，这些值只是从我看到的内容中提取出来的，但可能是获得更好的css选择器的一个好主意

SO网友:Tommaso Cerci

所以，现在，当你悬停在“servizi”上时，它可以完美地工作！唯一的问题是子菜单单页，子菜单应该始终保持打开状态，就像以前一样

这是avada主题选项中当前使用的代码：

<script>
jQuery(document).ready(function($){
var subMenu = jQuery("#wrapper .fusion-vertical-menu-widget.left .menu .sub-menu");
jQuery("#menu-item-12049").hover(function(){
subMenu.show();
}, function(){
subMenu.hide();
});
});
</script>

标签： javascript   css   sub-menu   小码农  

相关推荐

我的孩子主题css不起作用

我有一个儿童主题，是2017年的主题。我遇到的问题是，我的子主题css不起作用。我已经检查了页面源代码，正在加载子主题的css文件，但似乎没有覆盖父主题css。如果我将代码添加到主题附加css框中，它就会工作。然而，当我将其放入子主题css文件时，它并没有这样做。我已经阅读了儿童主题样式排队的正确方法，但这一切都有点令人困惑。“我的孩子”主题函数中的当前代码。php文件如下所示。 <?php // Enqueue the parent and child theme styleshee