javascript - Wordpress 下拉菜单 - ajaxify 插件从菜单项中删除类 'current-menu-item'。有没有解决的办法？

Question

我正在为客户设置一个 WP 页面。我有一个下拉菜单，主菜单项是一个不可点击的链接，上面写着“菜单”。在每个子页面上，我需要子页面的标题显示在通常(仅在起始页上)显示“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/

Answer 1

据我所知，菜单的 ID 始终为 menu-item-36，这是您的 ID 吗？

无论如何，我看到所选菜单有一个 current_page_item 类，所以只需这样找到它:

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