1

クライアント用の WP ページを設定しています。ドロップダウン メニューがあり、プライマリ メニュー項目は「MENU」というクリックできないリンクです。すべてのサブページで、サブページのタイトルが通常(スタートページのみ)「MENU」と表示される場所に表示される必要があります。

私のテーマサポートが私を助けてくれたこのコードでこれを達成することができました:

(function($){
  var title = '';
  $('.menu-item').each(function(){
    if( $(this).hasClass('current-menu-item')){
      title = $(this).find('span').text();
    }
  });
  if(title){
   $("#menu-item-36 > a span").text(title);
    console.log(title);
  }
})(jQuery); 

#menu-item-36プライマリ メニュー項目「MENU」の ID です。

問題は、すべてのページでヘッダーをリロードせずにページをスムーズにロードする必要があることです。そのため、これを行うのに最適な Ajaxify Pro というプラグインを使用していますが、Ajaxify はアクティブなメニュー項目からクラス 'current-menu-item' を削除するため、コードが機能しなくなります。

これを回避する方法はありますか?サブメニューのアクティブ/現在のメニュー項目は、メニューの他の項目と異なるクラスを取得しないため、これを解決する方法について頭をひねっています。

どんな助けでも大歓迎です!

ここでは、Ajaxify が有効化され、コードが機能していないページを確認できます: http://test.frankochrakel.se/

4

1 に答える 1