请教一下关于addClass加不上的问题，一定要用addclass必须保证页面不能刷新？

Question

这是我的代码$(document).ready(function(){ $(".product .nav a li:eq(0)").addClass("abcd");//这里是好使的，但是每次点击完其他的li后 可以看到加上了，但是在页面全部加载完成后，添加的class又回到了第一个li。 $(".product .nav a li").on('click',function(){ $(".product .nav a li").removeClass("abcd"); $(this).addClass("abcd"); }) })下面是静态页结构
注：项目里是不缺少div的 只是那个div在页面下面。。就没有粘贴进来。
点击其中任意一个li 浏览器地址栏里 页面还是那个页面只是id会变 所以会刷新一下 ，求帮助 怎么才能把class添加到所点击的li上

Answer 1

页面刷新了，说明你的从来的思路就是：非ajax无刷新加载数据啦那你就在你页面载入的时候，读取这个id啦，然后再根据这个id，设置class即可思路如上

Answer 2

jquery 用addClass没有起作用是因为写法不对，一般都会在class名前面加点.比如：<script type="text/javascript">$( function() {$('#menuNav').hover( function() {$('#huh').addClass('.opacity');}, function(){$('#huh').removeClass('.opacity');});});</script>.opacity {opacity: 0.3;}以上写法就会导致addClass不起作用，正确的写法如下：$(function(){$('#menuNav').hover(function(){$('#huh').addClass('opacity');}, function(){$('#huh').removeClass('opacity');});});