javascript - 事件状态仅对第一次访问不起作用

Question

我有一个只有几个链接的菜单。我只想突出显示我当前的链接，所以我将此代码用于事件状态。它工作正常。

Fiddle

$(function () {
    $('.nav li a').each(function () {
        if ($(this).prop('href') == window.location.href) {
            $(this).addClass('home-active-link');
        }
    });
});

问题当我把它放在本地主机上并进行测试时。它在第一次访问时不起作用。请查看此屏幕截图。

但是当我浏览页面并返回主页时，它工作正常。有什么解决这个问题的建议吗？

Answer 1

您可以调试下面给出的代码

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);
});