jQuery .click функция не работает после перезагрузки

Question

Я использую jQuery на своем веб-сайте для добавления нового класса и удаления другого, но после перезагрузки страницы новый класс исчезает.

Код:

$(document).ready(function() { 
    $('#list').click(function(event){event.preventDefault();$('.viewgrid').addClass('viewlist');$('.viewgrid').removeClass('viewgrid');}); 
    $('#grid').click(function(event){event.preventDefault();$('.viewlist').addClass('viewgrid');$('.viewlist').removeClass('viewlist');}); 
}); 

Как сохранить изменения?

Answer 1

jQuery - это фреймворк для javascript, который работает на стороне клиента в вашем браузере. Если вы не сохраните изменения в файле, изменения будут временными.

EDIT: Вы должны загрузить состояние на siteload:

var def = 'viewlist'; 
var view = Cookies.get('view') || def; 

$('#view').addClass(view); 

И сохранить его нажатием на кнопку:

Cookies.set('view', 'viewlist'); 

я написал эту маленькую codepen для вас: http://codepen.io/anon/pen/oBezzz

Обратите внимание, что я использовал плагин JS JavaScript Cookie. Вам нужно загрузить его и включить в свой раздел.