WP_NAV_MENU将类添加到具有子子项的子项

时间:2016-01-04 作者:Josh L. Minga

我需要你的帮助,正在尝试添加类dropdown-submenu 到a<li> 具有子元素的元素。我不确定我是否足够清楚,所以这里有一个例子:

   |-Home (Parent Item)
   |-Services (Parent Item) *class=\'dropdown\'*
       |-Orthodontics (Child Item) *** class="dropdown-submenu" ***
          |-Invisalign (Sub Child Item)
          |-Inman Aligner (Sub Child Item)
HTML格式为:

                        <!-- Services -->
                <li class="dropdown active">
                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                        Services
                    </a>
                    <ul class="dropdown-menu">
                        <!-- Service Orthodontics -->
                        <li class="dropdown-submenu active">
                            <a href="javascript:void(0);">Orthodontics</a>
                            <ul class="dropdown-menu">
                                <li><a href="invisalign.html">Invisalign</a></li>
                                <li><a href="inman_aligner.html">Inman Aligner</a></li>
                            </ul>
                        </li>
                        <!-- End Service Orthodontics -->
我的walker课程提供了所有<li> 具有<ul>dropdown. 它只需查看元素是否有子元素,如果为true,则将类名设置为dropdown. 这是的代码walker.php

        class Main_Walker_Nav_Menu extends Walker_Nav_Menu {

function start_lvl( &$output, $depth ){ //ul
    $indent = str_repeat("\\t",$depth);
    $submenu = ($depth > 0) ? \' dropdown-menu\' : \'\';
    $output .= "\\n$indent<ul class=\\"dropdown-menu$submenu depth_$depth\\">\\n";  }


function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ){ //li a span

    $indent = ( $depth ) ? str_repeat("\\t",$depth) : \'\';

    $li_attributes = \'\';
    $class_names = $value = \'\';

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

    $classes[] = ($args->walker->has_children) ? \'dropdown\' : \'\';
    $classes[] = ($item->current || $item->current_item_anchestor) ? \'active\' : \'\';
    $classes[] = \'menu-item-\' . $item->ID;
    if( $depth && $args->walker->has_children ){
        $classes[] = \'dropdown-submenu\';
    }

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

    $id = apply_filters(\'nav_menu_item_id\', \'menu-item-\'.$item->ID, $item, $args);
    $id = strlen( $id ) ? \' id="\' . esc_attr( $id ) . \'"\' : \'\';

    $output .= $indent . \'<li\' . $id . $value . $class_names . $li_attributes . \'>\';

    $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) . \'"\' : \'\';

    $attributes .= ( $args->walker->has_children ) ? \' class="dropdown-toggle" data-toggle="dropdown"\' : \'\';

    $item_output = $args->before;
    $item_output .= \'<a\' . $attributes . \'>\';
    $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
    $item_output .= ( $depth == 0 && $args->walker->has_children ) ? \'</a>\' : \'</a>\';
    $item_output .= $args->after;

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

}
提前谢谢。

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

我没有测试过这个,但看起来你没有测试$depth 你需要的方式。

此块:

$classes[] = ($args->walker->has_children) ? \'dropdown\' : \'\';
$classes[] = ($item->current || $item->current_item_anchestor) ? \'active\' : \'\';
$classes[] = \'menu-item-\' . $item->ID;
if( $depth && $args->walker->has_children ){
    $classes[] = \'dropdown-submenu\';
}
应该是这样的:

if ($args->walker->has_children) {
  if (0 === $depth) {
    $classes[] = \'dropdown\';
  } else {
    $classes[] = \'dropdown-submenu\';
  }
} 
$classes[] = ($item->current || $item->current_item_anchestor) ? \'active\' : \'\';
$classes[] = \'menu-item-\' . $item->ID;

SO网友:Shwan Namiq

当我们说$args->walker->has_children 方法$depth == 1 您可以添加dropdown-submenu 如下所示

if( $depth == 1 ){
    $classes[] = \'dropdown-submenu\';
}

SO网友:adi_rebel

我想你应该试试nav_menu_submenu_css_class 滤器这对我很有效,而且非常简单。

add_filter(\'nav_menu_submenu_css_class\',\'some_function\', 10, 3 );
function some_function( $classes, $args, $depth ){

    foreach ( $classes as $key => $class ) {
        if ( $class == \'sub-menu\' && $depth == 0) {
            $classes[ $key ] = \'your-class\';
        }elseif($class == \'sub-menu\' && $depth == 1){
            $classes[ $key ] = \'your-class\';
        }
    } 
    return $classes;
}

相关推荐

WordPress中声明SplitMenuWalker::Walk($Elements,$max_Depth)时出现警告

我开始在WordPress网站上收到以下错误:警告:SplitMenuWalker::walk($elements,$max\\u depth)的声明应与/home/relati67/public\\u html/wp content/themes/mentis/inc/mega menu/split menu中的walk::walk($elements,$max\\u depth,$args)兼容。php第0行我不知道在这里该怎么办。我发现了一个具有类似内容的线程,但错误指向特定行(不是第0行),并且不