当菜单有子菜单时，我尝试添加向下箭头。但向下箭头没有出现。请帮帮我。
以下是链接：http://bit.ly/1UH4FlT
目前正在使用我在某处找到的脚本。
function add_menu_parent_class( $items ) {
$parents = array();
foreach ( $items as $item ) {
if ( $item->current_page_ancestor && $item-> current_page_ancestor> 0 ) {
$parents[] = $item->current_page_ancestor;
}
}
foreach ( $items as $item ) {
if ( in_array( $item->ID, $parents ) ) {
$item->classes[] = \'menu-item-has-children\';
}
}
return $items;
}
add_filter( \'wp_nav_menu_objects\', \'add_menu_parent_class\' );
我添加了这个css
#site-navigation .menu > ul > li.menu-item-has-children > a:before {
color: #fff;
content: "\\f107";
font-family:FontAwesome;
font-size: 10px;
vertical-align: 1px;
}
#site-navigation .menu > ul > li > li.menu-item-has-children > a:after {
color: #222;
content: ""\\f105"";
font-family:FontAwesome;
font-size: 10px;
vertical-align: 1px;
}
最合适的回答,由SO网友:vivek mengu 整理而成
添加以下代码
#site-navigation .menu > ul > li.menu-item-has-children > a::after {
content: \'\\f107\';
font-family: FontAwesome;
font-size: 10px;
margin-left: 10px;
vertical-align: 1px;
}
#site-navigation .menu > ul > li > ul > li.menu-item-has-children > a::after {
color: rgb(34, 34, 34);
content: \'\\f105\';
font-family: FontAwesome;
font-size: 10px;
vertical-align: 1px;
float: right;
}
添加第三级导航。如果您面临任何问题，请回复。
