php - 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"。

(理由は、一部のブラウザーで生成された空白を削除するためです。この質問の最初の回答と同様: Fluid width with equals-spaced DIVs )

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>