Здравствуйте!
Подскажите пожалуйста, как при перезагрузке страницы или при переходе на другую страницу сохранять у блока присвоенный класс через jquery?
Есть две кнопки, переключатели вида контента сетка/список.
При нажатии на них блоку #ajax-box присваиваются/удаляются классы .list и .grid
<button class="grid">Grid View</button>
<button class="list">List View</button>
<div id="ajax-box" class="list">
------контент----------
</div>
(function($) {
$('button').on('click',function(e) {
if ($(this).hasClass('grid')) {
$('#ajax-box').removeClass('list').addClass('grid');
}
else if($(this).hasClass('list')) {
$('#ajax-box').removeClass('grid').addClass('list');
}
});
})(jQuery);
По умолчанию стоит класс .list, но если выбрать вид сеткой - .grid, то при переходе на след. страницу сбрасывается обратно на .list
Читал про localstorage, но так и не смог сделать чтоб сохраняло выбранный стиль у блока.
В разных примерах по разному, где то объявляют переменную, где-то не объявляют... запутался вобщем совсем. Буду рад если кто подскажет как грамотно это организовать.