首頁猿問請教一下關(guān)于addClass加不上...

請教一下關(guān)于addClass加不上的問題，一定要用addclass必須保證頁面不能刷新？

C JavaScript JQuery

12345678_0001 2021-06-16 19:11:30

這是我的代碼$(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"); }) })下面是靜態(tài)頁結(jié)構(gòu)注：項目里是不缺少div的只是那個div在頁面下面。。就沒有粘貼進來。點擊其中任意一個li 瀏覽器地址欄里頁面還是那個頁面只是id會變所以會刷新一下，求幫助怎么才能把class添加到所點擊的li上

查看完整描述

2 回答

莫回無

TA貢獻1865條經(jīng)驗獲得超7個贊

頁面刷新了，
說明你的從來的思路就是：
非ajax無刷新加載數(shù)據(jù)啦
那你就在你頁面載入的時候，讀取這個id啦，
然后再根據(jù)這個id，設(shè)置class即可
思路如上

反對回復(fù) 2021-06-20

猛跑小豬

TA貢獻1858條經(jīng)驗獲得超8個贊

jquery 用addClass沒有起作用是因為寫法不對，一般都會在class名前面加點.
比如：
<script type="text/javascript">
$( function() {
$('#menuNav').hover( function() {
$('#huh').addClass('.opacity');
}, function(){
$('#huh').removeClass('.opacity');
});
});

</script>

.opacity {
opacity: 0.3;
}

以上寫法就會導(dǎo)致addClass不起作用，正確的寫法如下：
$(function(){
$('#menuNav').hover(function(){
$('#huh').addClass('opacity');
}, function(){
$('#huh').removeClass('opacity');
});
});