<ul id="menu-primary"> <li></li> <li></li> <li></li><li class="stretcher"></li> /* add adjacent to the last menu item */ </ul> Мне нужно добавить <li class="stretcher"></li> рядом с последним пунктом меню точно так, как показано, в меню с id="menu-primary" .
(Причина заключается в том, чтобы удалить пробелы, сгенерированные в некоторых браузерах. Как и в первом ответе в этом вопросе: ширина жидкости с равноотстоящими DIV )
Я бы добавил его с фильтром:
add_filter('wp_nav_menu_items', 'add_stretcher', 10, 2); function add_stretcher($items, $args) { if ($args->theme_location == 'primary') { $items .= '<li class="stretcher"></li>'; } return $items; }
Вы можете добавить его с помощью jQuery со следующим кодом
<script> jQuery(document).ready(function(){ jQuery("#menu-primary li").last().before("<li class="stretcher"></li>"); }); </script>