WordPress：將空白列表項添加到導航菜單

Question

<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的流體寬度 ）

Answer 1

我要添加一個過濾器：

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;
}

Answer 2

您可以使用jQuery通過以下代碼添加它

<script>
   jQuery(document).ready(function(){
      jQuery("#menu-primary li").last().before("<li class="stretcher"></li>");                             
   });
</script>