Javascript 用于在加载时分配类的脚本

这是一个相当简单的问题。但我一直无法修复。 我创建了这个实验室网站： 我希望“主页”导航按钮在页面加载时变为金色，而无需单击按钮

我编写了一个JQuery函数来分配一个类，该类使当前页面的导航颜色为金色，如下所示。但这只能在点击时发生。我希望在加载时分配活动类。谢谢大家!

$(document).ready(function(){
    $('#nav a').each(function(index) {
        if(this.href.trim() == window.location)
            $(this).addClass("active");
    });
});

---

“主页”按钮在页面加载时不会变成金棕色的原因是该按钮的链接是

http://www-plb.ucdavis.edu/Labs/sundar/index.html

而当前页面为

http://www-plb.ucdavis.edu/Labs/sundar/

，因此检查

this.href.trim（）==window.location

失败

您可以通过从更改主页按钮的链接来解决此问题

<a href="index.html">Home</a>

到

如果我在

如果我在“Home”运行代码（）

所以，你只是有一个错误的代码

---

为什么不在每个html上手动添加class

active

？

您可以发布一个与此相关的html示例吗，也许是JSFIDLE？

<a href="http://www-plb.ucdavis.edu/Labs/sundar/">Home</a>

$('#nav a').each(function(index) {
    console.log(this.href.trim());
    console.log(window.location.toString());
});