Question

jquery如何做导航菜单栏点击更换背景色（防刷新）

如题，我想做点击导航菜单某项目时可以改变该项目对应的菜单栏的背景色，将其他导航菜单背景改为默认背景。网上有通过URL传值的方法，个人认为不实用。希望能够达到类似优酷或搜狐网站菜单栏效果。我写的js只能改变背景色，但由于页面刷新了，没有效果。希望高手指点一下，怎么做？

Answer 1

给每个菜单给以相同的ID、、然后给ID绑定点击事件，当前菜单点击时注入一个css的class，其他的注入默认的class。差不多就可以了。

追问

您说的那个和我之前写的类似，而且写相同ID是有隐患的而且没有必要，也没用的，页面刷新就失效了。

追答

优酷那页面是不同的域名下的。所以它是有很多页面的。不同的页面然后指定不同的菜单。

追问

这个我当然知道，小网站是做不到那样的，但貌似应该可以取巧啊，但是您的方法确实试了不管用的，一刷新就挂了。

追答

你菜单项肯定是有链接的不是？ 那就在链接上加个参数传到后台，比如type= 1、2、3、4.然后页面刷新后在前台获取判断下就可以了。。比如type=1 那就把第一个菜单项加个class 。。其他的默认class。。差不多就这样。。如果有struts2 。这个是很简单的。

Answer 2

刷新是防止不了的，最多只是js限制按F5刷新 ，浏览器的刷新按钮限制不了，如果你是要刷新后按钮当前更换的背景颜色还在 那就用cookie存储起来，在读取出来设置给对应的按钮颜色，不然就和后台交互传递参数 通过参数来判断给什么按钮设置颜色