Как использовать cookies jQuery для запоминания css?

Question

[Дмитрий Фомин]

У меня есть код для смены шрифта на основной странице, как мне при помощи jquery.cookie.js запоминать текущий шрифт который выбрал пользователь?

$(document).ready(function () {
  //Минимальный размер шрифта
  var min=8;  
  //Максимальный размер шрифта
  var max=18; 
  //Сохраняем заданное в таблице стилей значение размера шрифта
  var reset = $('.second_block__title .link').css('fontSize'); 
  //Изменение размера будет проводиться для указанных элементов
  var elm = $('.second_block__title .link');  
  //Устанавливаем в переменной значение шрифта по умолчанию (удаляем px)
  var size = str_replace(reset, 'px', ''); 
  var size_reset = size;
  //Функция увеличения размера шрифта
  $('#colorScheme3').click(function() {
    //Если размер шрифта меньше или равен максимальному значению
    if (size<=max) {
      //Увеличиваем размер шрифта
      size++;
      //Устанавливаем размер шрифта
      elm.css({'fontSize' : size});
    }
    //Прерываем передачу события далее по дереву DOM
    return false; 
  });
  //Функция уменьшения размера шрифта
  $('#colorScheme4').click(function() {
    //Если размер шрифта больше или равен минимальному значению
    if (size>min) {
      //Уменьшаем размер
      size--;
      //Устанавливаем размер шрифта
      elm.css({'fontSize' : size});
    }
    //Прерываем дальнейшую передачу события по дереву DOM
    return false; 
  });

  //Функция сброса к значению по умолчанию
  $('#colorScheme5').click(function () {
    //Устанавливаем значение размера шрифта по умолчанию
    size = size_reset;
    elm.css({'fontSize' : reset});
    return false;
  });

});

Answer 1

[LamerFromSpace]

$.cookie('имя_куки', 'значение', { expires: 228 });  // устанавливает куку с заданным именем и значением (шрифтом), которая будет храниться 228 дней
$.cookie('имя_куки'); // получение значения куки с определённым именем

Comments

[Дмитрий Фомин]

Правильно ли я сделал? Ни чего не понимаю)

$.cookie("font_size", $('.second_block__title .link').css({'fontSize' : str_replace($('.second_block__title .link').css('fontSize'), 'px', '')}), {expires: 365, path: '/'}); 

$.cookie('font_size');

[LamerFromSpace]

Альберт Галеев, Нажмите правой кнопкой мыши по Вашему сайту, далее просмотреть код, найдите там консоль и напишите в ней document.cookie
Это покажет все установленные для сайта куки, там и посмотрите

[Дмитрий Фомин]

LamerFromSpace, Консоль выдаёт вот это ""font_size=%5Bobject%20Object%5D""

[LamerFromSpace]

Альберт Галеев, во-первых читать: URL кодировка
Во-вторых что за функция такая str_replace, в консоли ошибок нет?
В-третьих нельзя в куки записать JS объект, только строка

[FeST1VaL]

Альберт Галеев, Дополню ответ... а то вижу не понимаете что с ними делать...)

$('#colorScheme3').click(function() {
 $.cookie('font_size', 'style3', { expires: 228 });  // устанавливает куку с заданным именем и значением (шрифтом), которая будет храниться 228 дней
});

var font_size = $.cookie('font_size'); // получение значения куки с определённым именем

if(font_size === 'style3') {
 //... тут ваш уже код при условии что стоит такой стиль...
}

Answer 2

[Павел Гришаев]

Товарищи! А зачем вам куки? Они ж для сервера. И потом в каждом запросе вставляются в заголовок запроса. Оно вам надо? Ещё с временем хранения заморочки. Для хранения данных используется localStorage - https://developer.mozilla.org/ru/docs/Web/API/Wind...
И туда можно объекты засунуть вполне, если сконвертить их в строку JSON.