jQuery基于URL添加类

时间:2013-05-17 05:51:19

标签: jquery

我正在尝试使用jQuery向某些元素添加类。这是必要的,因为我正在使用博客,并且只有一个我可以编辑的模板。我找到的脚本工作正常,但是当我尝试添加更多脚本时,它将无法正常工作。

例如,这有效:

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

这打破了:

switch (window.location.pathname) {
        case '/':
          $('.nav-home').addClass('current');
          break;
        case '/p/about.html':
          $('.nav-about').addClass('current');
          break;
        case '/search/blog':
          $('.nav-blog').addClass('current');
          break;
        case '/search/blog':
          $('.post').addClass('masonry');
          break;

此外,有没有一种方法,如果没有指定,添加类到nav-blog?

非工作示例:

    case 'ANY OTHER URL':
      $('.nav-blog').addClass('current');
      break;

感谢。

2 个答案:

答案 0 :(得分:3)

case '/search/blog':
    $('.nav-blog').addClass('current');
    break;
case '/search/blog':
    $('.post').addClass('masonry');

你复制了你的案子

答案 1 :(得分:0)

尝试删除两个用于切换的选项,如

case '/search/blog':
      $('.nav-blog').addClass('current');
      $('.post').addClass('masonry');
      break;

现在尝试添加另一个。你正在复制'/ search / blog'

的案例