Как добавить/удалить класс в куки?

171

23 октября 2019, 11:20

Пожалуйста, подскажите, как можно при: добавлении, удаление классов (при toggleClass например) сохранять результат после перезагрузки страницы. Я так понимаю, надо работать с куки.

К примеру вот код:

<script>
$('.menu-trigger').on('click', function() {
    $(this).toggleClass('active');
    return false;
  });
</script>

Как сделать так, чтобы результат добавления/удаления сохранился?

Answer 1

Не стоит использовать cookie для хранения данных и параметров конфигурации. Они не для этого, а для реализации хранения состояния в HTTP. Они постоянно пересылаются со всеми HTTP запросами и их количество на домен очень ограничено.

Лучше использовать LocalStorage:

$('.menu-trigger').on('click', function() {
    $(this).toggleClass('active');
    localStorage.setItem('menu-trigger-class', 'active');
    return false;
});

Потом всегда можно получить сохранённое значение через localStorage.getItem('menu-trigger-class');;