仅显示活动菜单项的子项(子导航)

时间:2013-09-03 作者:Ross

因此,我在网上搜索并试图编写一个自定义的walker类来实现这一点,但我对WordPress还是新手,虽然存在类似的问题,但没有一个完全符合我的要求,或者建议使用CSS、jQuery或插件作为解决方案(这并不理想)。

我目前有以下代码:

class description_walker extends Walker_Nav_Menu
{
      function start_el(&$output, $item, $depth, $args)
      {
           global $wp_query;
           $indent = ( $depth ) ? str_repeat( "\\t", $depth ) : \'\';

           $class_names = $value = \'\';

           $classes = empty( $item->classes ) ? array() : (array) $item->classes;

           $class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) );
           $class_names = \' class="\'. esc_attr( $class_names ) . \'"\';       

           $output .= $indent . \'<li id="menu-item-\'. $item->ID . \'"\' . $value . $class_names .\'>\';     

           $attributes  = ! empty( $item->attr_title ) ? \' title="\'  . esc_attr( $item->attr_title ) .\'"\' : \'\';
           $attributes .= ! empty( $item->target )     ? \' target="\' . esc_attr( $item->target     ) .\'"\' : \'\';
           $attributes .= ! empty( $item->xfn )        ? \' rel="\'    . esc_attr( $item->xfn        ) .\'"\' : \'\';
           $attributes .= ! empty( $item->url )        ? \' href="\'   . esc_attr( $item->url        ) .\'"\' : \'\';

           $prepend = \'<em>\';
           $append = \'</em>\';
           $description  = ! empty( $item->description ) ? \'<span>\'.esc_attr( $item->description ).\'</span>\' : \'\';

           if($depth != 0)
           {
                     $description = $append = $prepend = "";
           }

            $item_output = $args->before;
            $item_output .= \'<a\'. $attributes .\'>\';
            $item_output .= $args->link_before .$prepend.apply_filters( \'the_title\', $item->title, $item->ID ).$append;
            $item_output .= $description.$args->link_after;
            $item_output .= \'</a>\';
            $item_output .= $args->after;            

            $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );

      }
}
What I\'m trying to do is have it so that only the children (sub-menus) of the active navigation are shown, including all of the first level parent items.

例如,如果您访问http://windows.microsoft.com/en-us/windows/home “下载和购物”链接没有子菜单选项,但一旦导航到该页面,就会出现一个子菜单。

任何帮助都将不胜感激!

非常感谢

1 个回复
SO网友:Unix

这可以通过CSS轻松完成。遵循以下步骤:

1-将此代码添加到标记正文中:

<?php body_class(); ?>
像这样:

<body <?php body_class(); ?>>
*此步骤将向当前页面添加一个类。(当我们想在页面中留下标记的按钮时,通常会使用此选项)。

Wordpress为菜单生成dinamic代码,它有自己的类。使用此代码,我们可以访问当前页面的类:

.menu li.current_page_item
.menu li.current-menu-item
3-因此,我们可以使用以下内容:

.menu li ul{opacity:0;visibility:hidden}
.menu li.current_page_item > ul, .menu li.current-menu-item > ul {display:block;opacity:1;visibility:visible}
已测试:)

结束

相关推荐

Wordpress Flyout Menus

我有一个有点复杂的菜单结构,我正试图找出最好的方法来做到这一点。I have a top nav 它有4个部分。每个部分最多有2层深。而且I have a SUB Nav 这是基于您所在的部分,并显示为向下钻取,显示您拥有的页面。例如,假设我单击第二级顶部导航-然后我将转到显示打开并选中该部分的子页面。我希望我的解释是正确的。。。谢谢我的问题是:最好的方法是什么。我研究了一些插件,但似乎找不到合适的插件。我不需要使用插件。