javascript - CSS-sprite 菜单和 jQuery addClass() 方法

Question

我根据本教程创建了 CSS Sprite 菜单: http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/ 现在我想将 .selected 类分配给最后一次单击的“a”。我添加了简单的脚本:

<script>
    $("a").click(function(){
        $(this).addClass("selected");
    });
</script>

但是 .selected 类只在加载页面时出现。加载整个页面后，菜单项返回其正常状态。你能帮我解决这个问题吗？时间差

祝你有美好的一天:)

Answer 1

单击 a 会将您带到不同的页面，因此此事件对您不起作用。要将 selected 类添加到当前链接，您必须编写如下代码:

<script>
 $(function(){ //short form of $(document).ready(function(){
    $("a").each(function(){

       path=window.location;
       path=String(path).split('/')['3']; //if you use absolute URLs then disable this line

       if($(this).attr('href')==path)
       {
          $(this).addClass("selected");
       }
    });
 });
</script>

如果 href 与浏览器的当前 URL 匹配，它将添加类 selected 到链接。