使用jQuery來改變整個wordpress網站的CSS

Question

我環顧四周，找不到解決這個問題的簡單方法。我創建了一個自定義的新聞主題（我的第一次），它的工作很好。我已經將它掛鉤到一個簡單的jQuery文件中，該文件在加載頁面時播放一個簡短的動畫，並在按下某些按鈕時更改CSS並執行一些其他動畫。這是一個簡單的日/夜主題，效果很好。我在header.php中調用這個文件。然而，每次按內部超鏈接（例如，網站的任何頁面）時，它都會重新加載整個jQuery文件，並將CSS重置爲原始格式。爲了清楚起見，我需要用戶點擊主頁上的某些內容，這些內容會更改頁面的CSS。這是行得通的。但是，我需要在網站上的每個頁面上都保留這個位置。

有沒有簡單的解決方案呢？我真的不想使用cookies/sessionID或其他一些我見過的複雜「解決方案」。我不是技術上的能力。

乾杯。

Answer 1

你有沒有考慮過使用哈希？在window.location對象中，您可以設置一個散列，如www.mysite.com/page#night，然後www.mysite.com/page#day，然後當DOM加載時，檢查window.location.hash屬性以檢查看看它設置爲白天還是晚上，或者沒有任何設置，然後默認爲某事。

http://www.w3schools.com/jsref/prop_loc_hash.asp

http://www.w3schools.com/jsref/obj_location.asp

例如：

http://jsfiddle.net/QV6xa/1/

的jsfiddle不允許我更改URL，但如果你複製/粘貼這個例子有些地方比它應該工作。