将类添加到其他页面上的锚链接

Question

我有一个导航设置，其中包含指向特定页面上锚点的链接。

当在该特定页面上时此方法有效，但是当我来自网站上的另一个页面时如何添加类？

<script>
jQuery(function ($) {
    $( document ).ready(function() {
        $(".sub-menu > li > a").on("click", function(){
            $("a.active").removeClass("curlink");
            $(this).addClass("curlink");
        });
    });
});
</script>

Answer 1

有很多想法/方法可以实现此目的，但是如果您有一个包含导航代码的单独文件，则可以采用一种方法，可以将一个隐藏元素的值<a>导航菜单的<a>标记的id 。 因此，当您登陆页面并从jquery的隐藏字段中找到ID值时，可以激活导航<a> 。 我的意思是您可以将活动课程应用于该菜单。 告诉我，如果不清楚，我会尽量简化。

简单来说

在单独的页面中添加一个隐藏元素，例如<input type="hidden" value="about_us" id="nav-menu">然后在您的母版页中，放入jquery以获取该值，例如： var nav_menu = $('#nav-menu').val(); 因此在nav_menu您将使用about_us作为其值。

现在，在主主视图文件中，您可以编写jquery来为相关$('.sub-menu > li > a').removeClass('active');$('#'+nav_menu).addClass('active');添加活动类，例如： $('.sub-menu > li > a').removeClass('active');$('#'+nav_menu).addClass('active');

Answer 2

1. 只需通过id navigator传递一个隐藏的输入元素即可
2. 当您单击ID为#a1的链接时，请将此隐藏元素值设置为"a1"
3. 使用表格发送此元素
4. 在接收者页面上，检查该元素的值，例如说$("#navigator").val();
5. 在此的价值，这是基础"a1"在这种情况下，ID链接的设置CSS a1任何你想要的，使用$("#a1").css();

Answer 3

另一种方法是在每个超链接上添加一个GET参数，并在接收方根据其值集CSS进行接收。

• 假设有3个ID为a1,a2,a3链接
• 添加参数说cameFrom在href URL如href=".../*.html?cameFrom=a1"链路a1和href=".../*.html?cameFrom=a2"的链接a2等等

• 在接收者页面上，使用以下函数获取其值：

   function param(name){ return (location.search.split(name + '=')[1] || '').split('&')[0]; } 

• 使用param(cameFrom)并获取结果。 链接到此功能