jquery - 使用 jQuery 根据 URL 添加类

Question

我正在使用 jQuery，并尝试根据 URL 将类添加到菜单项。我尝试了这个(在其他主题中找到)，但无法让它正常工作。它将类添加到当前页面 URL 之后的每个菜单项。

这是我的代码:

<script type='text/javascript'>
  $(document).ready(function(){
    $(function() {
        switch (window.location.pathname) {
            case '/p/about.html':
                    $('.nav-about').addClass('current')
            case '/search/blog':
                    $('.nav-blog').addClass('current')
            case '/p/design.html':
                    $('.nav-design').addClass('current')
            case '/p/photography.html':
                $('.nav-photography').addClass('current')
            case '/p/hosting.html':
                $('.nav-hosting').addClass('current')
        }
      });
  });
</script>

有什么帮助可以纠正这个问题吗？

谢谢。

编辑:对于那些询问的人，我正在使用 Blogger。我没有使用默认的“链接列表”，而是创建了自己的响应式菜单。这里只有一个模板，所以我不能为每个 HTML 页面添加一个类。这必须使用 jQuery 来完成，因为 Blogger 不会向特定页面添加特定类。因此，我需要获取 URL 以将适当的类应用到适当的菜单项。

Answer 1

在每个案例之后都需要中断，否则它将继续到下一个案例。

switch (window.location.pathname) {
    case '/p/about.html':
       $('.nav-about').addClass('current');
       break;
    case '/search/blog':
       $('.nav-blog').addClass('current');
       break;
    case '/p/design.html':
       $('.nav-design').addClass('current');
       break;
    case '/p/photography.html':
       $('.nav-photography').addClass('current');
       break;
    case '/p/hosting.html':
       $('.nav-hosting').addClass('current');
       break;
}

<小时/>

顺便说一句，这是重复的:

  $(document).ready(function(){
    $(function() {

这两个意思相同，使用其中之一。