我需要你的帮助,正在尝试添加类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 );
}
提前谢谢。
最合适的回答,由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;