Как сохранить класс у выбранных элементов — на которые был сделан клик?

Question

[Anna-17]

Добрый вечер. На сайте на меню добавила класс, но при переходе на другую страницу не сохраняется класс. Что сделать, чтобы класс не пропал при переходе?

jQuery(function($){

$('.item').on('click', function(){
$('.menu-shkafi').toggleClass('simple_block');

});

});

Comments

[キム ファイブプラス]

Самый простой в вашем случае сохранять в куки.

[Anna-17]

キム ファイブプラス, А как сделать? я прочитала, но что-то не получается. Не очень владею java script. Как говорят в этом чайник)))

[キム ファイブプラス]

Anna-17, берем вот это. так будет проще. https://github.com/js-cookie/js-cookie
после клика сохраняем например Cookies.set('simple_block', 'true');
после перехода на страницу вызываемCookies.get('simple_block') если "true" то вызываем снова $('.menu-shkafi').toggleClass('simple_block');

[Anna-17]

キム ファイブプラス, сейчас попробую сделать.

[Anna-17]

Извините вот так написала

jQuery(function($){

$('.item').on('click', function(){
Cookies.set('simple_block', 'true');
$('.menu-shkafi').toggleClass('simple_block');

if(url == href) {
Cookies.get('simple_block'),
$('.menu-shkafi').toggleClass('simple_block');
}
});

});

[Anna-17]

Не знаю правильно написала или нет. Ничего не получилось

[キム ファイブプラス]

Anna-17, нет не правильно

[Anna-17]

キム ファイブプラス, а как правильно написать?

Answer 1

[dollar]

Например, localStorage.

Сначала нужно как-то помечать элементы, чтобы каждый из них можно было найти после перезагрузки страницы. Например, можно каждому дать уникальный id. Если это элемент с товаром, например, то часть id можно сделать с артикулом или добавить ещё атрибут.

После этого при клике запоминать кликнутые элементы в localStorage. После перезагрузки страницы ваш код сможет извлекать информацию о том, какие элементы были кликнуты до этого, и присвоить им нужный класс.