javascript - 菜单栏切换事件

Question

<ul class="clearfix">

         <li class="fiex"><a href="#">首页</a></li>
         <li><a href="#">产品商城</a></li>
         <li><a href="#">3D云设计</a></li>
          <li><a href="#">匠人之心</a></li>
         <li><a href="#">4S体验馆</a></li>
         <li><a href="#">比家分享</a></li>
         <li><a href="#">家装学堂</a></li>
     </ul>

css:
li a{
color:#fff
}
.fiex a {

color:#666;

}
js:
$("ul li").click(function(){

    $("ul li").each(function(i){
            $(ul li).eq(i).removeClass("fiex")
      })

$(this).addClass("fiex")
})

 点击li 换a得颜色，由于其他页面是引用的菜单，以及css和js，点击后，跳转到了其他页面，但是js事件的切换也会同时从新引用了，相当于切换a的颜色事件无效，有什么办法解决吗？

Answer 1

$("ul li").click(function() {
    $(".fiex").removeClass("fiex");
    $(this).addClass("fiex");
});

另外不知道你的“其他页面”是怎么写的，如果是静态页的话，可以直接把fiex类提前加好嘛；或者你也可以都写到这一个页面上，这样click处理里加一对hide和show就行了。

Answer 2

在新的页面用js给指定的li加上class？

Answer 3

你要的效果是当前页面菜单高亮？
最简单的就是每个页面都加个菜单，然后给当前页面的菜单加上高亮 class 。