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

請(qǐng)教一下關(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");//這里是好使的，但是每次點(diǎn)擊完其他的li后可以看到加上了，但是在頁面全部加載完成后，添加的class又回到了第一個(gè)li。 $(".product .nav a li").on('click',function(){ $(".product .nav a li").removeClass("abcd"); $(this).addClass("abcd"); }) })下面是靜態(tài)頁結(jié)構(gòu)注：項(xiàng)目里是不缺少div的只是那個(gè)div在頁面下面。。就沒有粘貼進(jìn)來。點(diǎn)擊其中任意一個(gè)li 瀏覽器地址欄里頁面還是那個(gè)頁面只是id會(huì)變所以會(huì)刷新一下，求幫助怎么才能把class添加到所點(diǎn)擊的li上

查看完整描述

2 回答

莫回?zé)o

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

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

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

猛跑小豬

TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊

jquery 用addClass沒有起作用是因?yàn)閷懛ú粚?duì)，一般都會(huì)在class名前面加點(diǎn).
比如：
<script type="text/javascript">
$( function() {
$('#menuNav').hover( function() {
$('#huh').addClass('.opacity');
}, function(){
$('#huh').removeClass('.opacity');
});
});

</script>

.opacity {
opacity: 0.3;
}

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