1
<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".

(原因是删除了某些浏览器中生成的空白。类似于这个问题中的第一个答案:Fluid width with equal spaced DIVs

4

2 回答 2

2

我会用过滤器添加它:

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;
}
于 2013-09-06T14:07:24.993 回答
0

您可以使用 jQuery 使用以下代码添加它

<script>
   jQuery(document).ready(function(){
      jQuery("#menu-primary li").last().before("<li class="stretcher"></li>");                             
   });
</script>
于 2013-09-06T13:25:00.710 回答