将类添加到另一页上的锚定链接

Question

我已经设置了一个带有特定页面锚的链接的导航。

在该特定页面上这有效，但是从我的网站上的另一个页面来时，我该如何添加类？

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

Answer 1

1. 只需通过ID navigator
再传递一个隐藏的输入元素。
2. 当您单击具有ID #a1的链接时，然后将此隐藏的元素值设置为"a1"
3. 以表格发送此元素
4. 在接收器页面上检查此元素的值$("#navigator").val();
5. 基于此的值，在这种情况下为"a1"，使用$("#a1").css();
将链接的CSS设置为ID a1。

Answer 2

另一种方法是，在每个超链接上，添加一个get参数并在接收器侧和基于其值集CSS上接收。

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

• 在接收器页面上使用此功能获取其值：

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

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

Answer 3

有很多想法/方法可以实现此目的，但是如果您有包含导航代码的单独文件，则可以执行一种方式，您可以放入带有导航菜单菜单 <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以添加相关Manu的活动类，例如：$('.sub-menu > li > a').removeClass('active');$('#'+nav_menu).addClass('active');