Javascript 活动状态不适用于首次访问

我有一个几乎没有链接的菜单。我只想突出显示我当前的链接，所以我将此代码用于活动状态。很好用

问题 当我把它放在本地主机上测试时。在第一次参观时它不起作用。请看这个截图

但当我浏览网页并回到家中时，效果很好。有没有解决这个问题的建议

---

您可以按照下面给出的方式调试代码

jQuery(document).ready(function($){
    setTimeout(function(){
    $('.nav li a').each(function () {

        console.log($(this).prop('href')); // alert($(this).prop('href'))
        console.log(window.location.href); // alert(window.location.href); 


        if ($(this).prop('href') === window.location.href) {
            $(this).addClass('home-active-link');
        }
    });
    },30);
});

---

可以将代码放入jQuery（document.ready）中吗（函数（$）{setTimeout（函数（）{}，30）；}）；使用一个小的setTimeout值，然后将console.log记录在window.location.href中，查看字符串比较中是否出现任何额外的斜杠。如何记录console window.location.href？我将添加答案，请选中Tested。字符串比较中没有任何额外的斜杠console.log值是否相同？

jQuery(document).ready(function($){
    setTimeout(function(){
    $('.nav li a').each(function () {

        console.log($(this).prop('href')); // alert($(this).prop('href'))
        console.log(window.location.href); // alert(window.location.href); 


        if ($(this).prop('href') === window.location.href) {
            $(this).addClass('home-active-link');
        }
    });
    },30);
});