jquery - 如何维护所有页面的主题颜色

Question

想要动态更改我的网站的颜色，但是当页面刷新时它会选择默认颜色。这是代码

$("#red").click(function() {
$(".bg-dark").css({"background-color":"#da2639"});
$(".tab-bar").css({"background-color":"#da2639"});
});

$("#green").click(function() {
$(".bg-dark").css({"background-color":"#32b774"});
$(".tab-bar").css({"background-color":"#32b774"});
});

$("#sky").click(function() {
$(".bg-dark").css({"background-color":"#32b0b7"});
$(".tab-bar").css({"background-color":"#32b0b7"});
});

Answer 1

您的 jQuery 中没有任何东西会触发以告诉页面在刷新/加载时发生变化，因此它只会保留设置的 CSS。

如果你想让它在刷新后保存然后使用本地存储

localStorage.setItem("color", "XYZ");

然后您可以在页面加载时只使用 switch 语句。使用:

localStorage.getItem("color");