javascript - 将事件类添加到基于 URL javascript 的导航菜单 - 仅在发出警报时有效

Question

我正在开发一个包含大约 8/10 个网页的网站。我已经使用 javascript 实现了一个通用的页眉和页脚，效果很好。下一步是向导航菜单添加一个事件类，我可以通过 javascript 或 jquery 阅读它。我偶然发现了一篇既有 jquery 又有 javascript 方法的文章。 How to Add Active Class to a Navigation Menu Based on URL

jquery 方法似乎只有在我添加警报时才对我有效中间的语句。

 $(function() {
     var pgurl = window.location.href.substr(window.location.href
.lastIndexOf("/")+1);
     alert(pgurl); //Works fine if this statement is included
     $("#nav ul li a").each(function(){
          if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
          $(this).addClass("active");
     })
});

我确实引用了更多的文章，看起来他们中的大多数或多或少都使用了相同的方法。有什么建议吗？

Answer 1

使用一些timeout，可能是你的 View 有一段时间没有准备好，试试下面的代码:-

$(function() {
    setTimeout(function(){

        var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1);

        $("#nav ul li a").each(function(){
            if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
            $(this).addClass("active");
        });

    }, 5000);
});

它可能对你有帮助。