主菜单中的锚链接始终在带有锚的页面上处于活动状态答案

【问题标题】：Anchor Link in Main Menu Always Active on page with anchor主菜单中的锚链接始终在带有锚的页面上处于活动状态
【发布时间】：2013-05-29 09:11:59
【问题描述】：

我的主菜单中有一个锚链接，它链接到主页上的锚。问题是当我在主页上时，锚链接显示为活动，即使锚位于页面的一半。

Anchor Link Permanantly Active on Home page

是否可以应用一个类来显示它，就像未激活的菜单项一样，或者我对锚链接做错了什么？

我尝试了 .menu-item-106 a {} 和 .nav-menu .current_page_item > a 等的多种变体，但我做错了！

如果有人可以帮助或指出正确的方向，我将不胜感激？

【问题讨论】：

标签： css hyperlink anchor menuitem

【解决方案1】：

您可以尝试添加此 jquery 代码以禁用锚高亮，在配置菜单中，在带有 achors 的菜单中添加额外的类“锚”。

jQuery(document).ready(function($) {

    var current =  $(".menu-main-menu").find(".anchor");
    $(current).removeClass("current-menu-item current_page_item");


});

【讨论】：

【解决方案2】：

.menu-item-106 a:link, .menu-item-106 a :visited, .menu-item-106 a :active {....}
.menu-item-106 a :hover{...}

也许？

【讨论】：

【解决方案3】：

以下两个css使活动页面删除并检查

current-menu-item 
current_page_item

【讨论】：

出于好奇，我也会试一试，看看能否让它发挥作用，谢谢！