jquery - 使用jQuery改变整个wordpress网站的CSS

Question

我环顾四周，找不到解决此问题的简单方法。我创建了一个自定义的 word press 主题(我的第一次)并且运行良好。我已经将它连接到一个简单的 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，但如果您将此示例复制/粘贴到其他地方，它应该可以工作。