请教一下关于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');
});
});