我所有的导航链接都在 Neve Theme 中突出显示为活动 - Wordpress

Question

我正在使用 Neve 主题来构建自定义 WP 主题。它是单页的。

所以菜单中的所有导航链接都是自定义链接，链接到主页中的某个部分。

我首先尝试使它们成为相对链接，例如#service 但点击后移动菜单不会关闭。在网上阅读了一下后，我找到了使它们成为绝对链接的解决方案，例如 mydomain.com/#service

现在我的移动菜单确实关闭了，但所有导航项都被标记为具有此类的活动

'current-menu-item current_page_item menu-item-home'

我如何找到解决方法或一般来说最好的处理方法是只激活 Home 链接而不激活其他链接？

提前致谢。

-Gerd

Answer 1

首先感谢 Nico 为我指明了正确的方向。

我想在这里为可能有类似问题的每个人更详细地发布此内容。

1. 我从分配给所有导航链接的 WP 类中清除了所有格式。

2. 我创建了自己的活动类，称为“my-active”

3. 我编写了以下 jQuery 代码来在单击导航项时添加它并将其从 previos 导航项中删除（这可能不是理想的代码，因为我不是专业的编码器，但它可以工作）：

   (function ($) {
      $(document).ready(function () {
   
   
      $('nav ul li:nth-child(1) a').addClass('my-active');
   
      $('nav ul li a').on('click', function(){
   
         $('nav ul li a').removeClass('my-active');
         $(this).addClass('my-active');
   });
   
   });
   

   })(jQuery);