質問: カスタムメニュー:カスタムホームリンクによる動的ハイライト表示の問題 私は現在wp_nav_menuを実装しています - 動的ハイライトのためにすべてがうまく保存されました。メニューコードは次のようになります(カスタムリンクであるhomeが選択されているとき)。<div class="menu-header"> <ul class="menu" id="menu-main-nav"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-126" id="menu-item-126"><a href="path.to.link">home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122" id="menu-item-122"><a href="path.to.link">information</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123" id="menu-item-123"><a href="path.to.link">contact</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124" id="menu-item-124"><a href="path.to.link">about</a></li> </ul> </div> home以外のページ(これは「カスタムリンク」です)が選択されている場合、これは書き出されます。<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-65 current_page_item menu-item-122" id="menu-item-122"><a href="path.to.link">information</a></li> ご覧のとおり、これにはアクティブリンクの 'current-menu-item'が含まれており、カスタムリンクでは 'menu-item-type-custom menu-item-object-custom'としか表示されません。だから私の質問は、wp3メニューのカスタムリンクの選択した項目スタイルを追加する方法はありますか?
回答: 私はいくつかのjqueryでこれを達成しました:$("#sidebar ul li").each(function () { if ($(this).find("a").attr("href") == window.location.href) { $(this).addclass("current-menu-item"); } }); (私のナビゲーションはid 'sidebar'のdivにあります、あなたは最初のセレクターを変更する必要があるでしょう)。リンクのhrefが現在のurlと同じかどうかをチェックし、そうであれば "current-menu-item"を追加します。その後、.current-menu-styleクラスを使ってアクティブリンクをスタイルすることができます。