代码之家  ›  专栏  ›  技术社区  ›  VP.

jQuery点击行为

  •  1
  • VP.  · 技术社区  · 16 年前

    我正在准备菜单。这个菜单,将改变背景图像时,你点击一个链接,几乎所有的菜单都这样做。如果我从菜单中点击一个链接,这个链接背景会改变颜色。

    我的 jQuery 脚本是:

    $(function() { 
     $('#menu ul li').click(function() {
      $('#menu ul li').removeClass("current_page_item");
      $(this).addClass("current_page_item");
      //return false;
     });
    });
    

    return false ,后台工作正常,但我无法打开任何链接。所以看起来在我打开一个新页面之后,它重置了类。我怎样才能使它持久?

    2 回复  |  直到 16 年前
        1
  •  3
  •   jps    16 年前

    动态添加的类不会在页面加载之间持久存在。考虑使用一些服务器端代码来添加类 current_page_item 根据需要。

        2
  •  1
  •   Greg W    16 年前

    你会想这么做的 之后

    var path = location.pathname.substring(1);
    if(path){
        $('#menu a[href="' + path + '"]').attr('class', 'current');
        $('#subnav a[href="' + path + '"]').attr('class', 'current');
    }