使用两个或多个类别匹配突出显示主导航菜单

时间:2014-07-10 作者:gdaniel

我相信这不会经常发生。我正在从事一个项目,其中一个子页面可以显示在几个不同的父页面下。

该页面实际上只属于一个父项,但在主导航中,它需要显示在两个或多个父项下。别问我为什么,人们喜欢被解雇。

我正在使用wp\\u nav\\u菜单创建主导航。

我的结构是:

父A-子1-子2

父级B-子级1-子级2-子级3(此子级与父级A-子级2相同)

父C-子1-子2(此子项与父A子2和父B子3相同)-子3

我通常使用这些类current-menu-ancestor current-menu-parent 突出显示导航,因为它们通常只显示在一个<li> , 但是,由于一些孩子多次被列在不同的家长下,这些类不再是页面上唯一的。因此,我最终得到了两个或更多突出显示的项目。在这种情况下,所有其他类也完全相同。没有唯一的类可供选择。

有没有人遇到过类似的问题?我只能通过使用javascript,比较ID,然后取消高亮显示错误的ID来解决这个问题。但我想知道是否有wordpress解决方案(过滤器)或css解决方案。

1 个回复
SO网友:Milo

过滤器解决方案可以是nav_menu_css_class 滤器CSS解决方案可以是使用body_class 制定更具体的css规则。

结束

相关推荐

Problem with custom menus

在菜单上,我说的是自定义菜单,我有一个带有几列的页脚,每列都有一个项目列表,每列菜单都需要从wp admin上的菜单选项进行更新,所以我创建了关于函数的部分。调用菜单并在页脚上添加每个菜单的php。php文档,类似于:<?php wp_nav_menu( array(\'menu\' => \'f-1\', \'menu_class\' => \'\', \'container\' => \'nav\' )); ?> <?php wp_nav_menu( arr