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

时间:2013-05-29 09:12:00

标签: css hyperlink anchor menuitem

我的主菜单中有一个锚链接,链接到主页上的锚点。问题是,当我在主页上时,锚链接显示为活动状态,即使锚点位于页面的中间位置。

Anchor Link Permanantly Active on Home page

是否可以将类应用于此类,只显示非活动菜单项或者我是否对锚链接做错了什么?

我尝试了多种变体.menu-item-106 a {}& .nav-menu .current_page_item> a等等,但我做不到!

如果有人能帮助或指引我朝着正确的方向前进,我会感激不尽吗?

3 个答案:

答案 0 :(得分:0)

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

可能?

答案 1 :(得分:0)

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

current-menu-item 
current_page_item

答案 2 :(得分:0)

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

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

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


});