Применить изменения CSS через jQuery после возврата в браузер

Question

У меня есть DIV с зеленым фоном. Нет Я использую JQuery, чтобы изменить фон на красный:

$('div').css('background-color','red'); 

Теперь, если идти в браузере на другую страницу, а затем использовать функцию «Назад» в браузере, чтобы вернуться на страницу с моим div, div снова будет зеленым.

Есть ли простой способ сохранить изменение CSS в истории браузера, чтобы, если я вернусь, div по-прежнему остается красным?

Answer 1

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

Мне нравится этот вариант, это легко установить/магазин/уничтожить печенье: https://github.com/carhartl/jquery-cookie

Затем просто установить куки $.cookie("color", value);

Когда вы вернетесь на страницу, вы можете увидеть, если у вас есть сохраненное значение для цвета путем извлечения файла cookie: var divColor = $.cookie("color");

Я также рекомендую установить цвет с помощью классов. Может быть, класс .red и .green так далее ... Мне лучше отделить его.