如何將多個選擇器的toggleClass及其各自的類存儲在localStorage中？

Question

我正在嘗試將多個元素的切換類存儲在本地存儲或cookie中，以便切換后的類保持刷新狀態。 我在這里嘗試了js cookie和所有其他教程，但是它似乎不適用於多個選擇器/ div。

到目前為止，這是我的代碼：

$('#one').on('click', function () {
    $("body").toggleClass("white-bg");
    $(".menu-link, .hello-text, .titles").toggleClass("blue");
    $("g#g-icon").toggleClass("g-icon-blue");
    $("#one").toggleClass("night");
});

該代碼可以正常運行，但是刷新時不會保存狀態。

Answer 1

如果用戶是否更改了主題（無論是否單擊），建議您僅將帶有信息的“標志”保存在localStorage上。

例如：

var changed = localStorage.getItem('changed') === 'changed';
$('.selector').toggleClass('classname', changed);

完整的原始但有效的示例： https : //jsfiddle.net/cichy380/y7bLpwxr/