剛開始是這個效果

鼠標點擊之后變成了這個效果

要保證實現 a 標簽點擊鏈接一個新的網址

同時也要保證效果達到

我目前寫的網站代碼 可以下載

http://115.com/file/c2zlhblv

看看

回答

感謝所以回答問題的人。

比較好的辦法是使用url傳參數，然后根據參數判斷是否有必要顯示class

但是更好的辦法是下面這段JS

$('ul.main-menu li a').each(function(){

if($($(this))[0].href==String(window.location))

$(this).parent().addClass('active');

});

利用

一般來說這個還是怡紅公子所說的由后臺寫入current后再處理比較合理。

必須要求純前臺實現的話，頁面載入后需要做一次判斷來決定是否對指定按鈕展開/高亮。

要么用判斷當前地址的方式，用地址來匹配需要處理的按鈕；要么在按鈕點擊事件中添加把本按鈕的id寫到cookie里的操作函數。

前者突出“當前頁”這一概念邏輯，但需要在js中額外維護一份地址-按鈕對應表或對應規則。

后者就不是當前頁的概念了，就是純粹的指示，但是對禁止cookie的瀏覽器就無奈了。

常規的做法還是對比地址比較多，特別是按鈕id與地址之間的對應關系比較簡單的話。

比如 1.html -> id=”btn1″ 之類的……

1. 用ajax加載內容頁面 , 同時打開菜單 .. 就是說頁面不跳轉

2. 用iframe顯示內容也 , 同樣頁面不跳轉

3. 在頁面中控制 鏈接的樣式 , 比如當前頁面 是業務報表頁面 , 那么就控制這個菜單 的class 為 active…類似這樣吧

出個下下策：

修改addClass/removeClass等系列函數，把每次操作計入cookie，到新的頁面讀取cookie，把所有操作再做一遍……

iframe吧

a標簽中的鏈接做一下處理唄，例如 /content.html ==> /content.html?tab=1

這個參數對后臺沒有用，但是會留在地址欄里，用window.location.href可以取到

在頁面加載的過程中解析url，看看有沒有tab的參數，有就addClass

鼠標點擊之后修改url增加個參數&currentMenu=當前菜單的id,刷新時再判斷處理

這個可以用jquery的cookie保存當前填寫的需要設置的狀態，然后在加載完根據cookie設置即可

總結

以上是生活随笔為你收集整理的class h5 点击后样式变化_【php】JQuery怎么实现页面刷新后保留鼠标点击addclass的样式？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。