Как оставить класс при перезагрузки страницы?

Question

[Сергей Шилов]

Привет! Есть событие по клику, которое дает кликнутому элементу класс, как сделать так, чтобы класс оставался у кликнутого элемента при перезагрузке страницы?

Answer 1

[Ihor Bratukh]

if (localStorage.getItem('addClass') === 'true') {
	$('.target').addClass('custom');
}

$('button').on('click', function() {
	$('.target').addClass('custom');
	localStorage.setItem('addClass', 'true');
});

Comments

[Сергей Шилов]

Подскажите, как применить данное правило тут?

https://jsfiddle.net/mdfvLx8g/2/

[Сергей Шилов]

мне надо кликнутый таб оставлять активным после перезагрузки

Answer 2

[Евгений]

Window.localStorage

Answer 3

[Dima Polos]

Отправить запрос на сервер и получить в ответ html с нужным классом. Как вариант, сделать ajax, чтоб без перезагрузки страницы было.

Answer 4

[ThunderCat]

localstorage, cookie, в принципе и сессия подходит, и на сервере можно прицепить нужный класс при выводе хтмля, все от нюансов уже зависит, в каждом отдельном случае правильным будет разное решение.