Wordpress-在父菜单项上维护“活动”类

Question

我正在Wordpress中实现一个主题。此主题有一个顶部导航菜单，每个父项下都有水平子菜单。它将“活动”类放在当前已查看的父项上（否则不会显示其子菜单项）。通过在函数中使用这两个函数，我设法在当前父项上维护“活动”类。php。

/**
 * Wp Nav Menu Customizer.
 */
function special_nav_class($classes, $item){
     if( in_array('current-menu-item', $classes) ){
             $classes[] = 'active ';
     }
     return $classes;
}
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);


class SH_Last_Walker extends Walker_Nav_Menu{

   function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {

        $id_field = $this->db_fields['id'];

       //If the current element has children, add class 'sub-menu'
       if( isset($children_elements[$element->$id_field]) ) { 
            $classes = empty( $element->classes ) ? array() : (array) $element->classes;
            $classes[] = 'has-sub-menu';
            $element->classes =$classes;
       }
        // We don't want to do anything at the 'top level'.
        if( 0 == $depth )
            return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );

        //Get the siblings of the current element
        $parent_id_field = $this->db_fields['parent'];      
        $parent_id = $element->$parent_id_field;
        $siblings = $children_elements[ $parent_id ] ;

        //No Siblings?? 
        if( ! is_array($siblings) )
            return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );

        //Get the 'last' of the siblings.
        $last_child = array_pop($siblings);
        $id_field = $this->db_fields['id'];

            //If current element is the last of the siblings, add class 'last'
        if( $element->$id_field == $last_child->$id_field ){
            $classes = empty( $element->classes ) ? array() : (array) $element->classes;
            $classes[] = 'last';
            $element->classes =$classes;
        }

        return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
    }
}

但是现在我的问题是，当我点击任何父菜单项的子菜单或子菜单项时，它成功地将我带到子页面，但从父菜单中删除“活动”类，并将其放在子菜单项上（因为它是当前查看的页面）。我不希望它把这个类给孩子们，我希望它在那里（在父项目上）每当它的孩子被观看。

任何帮助都将不胜感激。

Answer 1

当你点击子菜单项WordPress将添加。当前菜单项分类到该子菜单项和。当前菜单父菜单项将类设置为该子菜单项的父菜单项。您可以根据需要设置这些特定类的样式。

Answer 2

如果您只想通过定位父元素来添加一些样式或其他属性，那么WordPress将为您提供内置类，例如：

当您在子页面上时，您可以看到类，如当前菜单父当前页面父当前页面父当前页面父当前页面父祖先这些类通过WordPress添加到父页面中，您可以选择其中任何一个类以父元素为目标。

Answer 3

如果您希望下拉的盛大父级在子菜单项处于活动状态时处于活动状态，那么您可以检查当前菜单祖先或当前页面祖先...在您的情况下，我认为当前菜单祖先检查是最有利的。

function special_nav_class($classes, $item){
     if( in_array('current-menu-item', $classes) || in_array('current-menu-ancestor', $classes) ){
             $classes[] = 'active ';
     }
     return $classes;
}

我希望这会有所帮助，祝你度过愉快的一天：）