Как я могу сохранить toggleClass нескольких селекторов и их соответствующих классов в localStorage? - PullRequest
Новая
       16

Как я могу сохранить toggleClass нескольких селекторов и их соответствующих классов в localStorage?

0 голосов
/ 05 марта 2019

Я пытаюсь сохранить переключаемый класс нескольких элементов в локальном хранилище или файлах 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");
});

Код функционируетотлично, но не сохраняет состояние при обновлении.

1 Ответ

0 голосов
/ 05 марта 2019

Я предлагаю вам сохранять на localStorage только «флажок» с информацией, если пользователь изменил тему или нет (нажал или нет).

Например: 

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

Полный примитив, но работаетпример: https://jsfiddle.net/cichy380/y7bLpwxr/

...