JQuery Mobile / Webkit - сохранение состояния Dom после событий «Обновить» и «Назад»

Question

У меня есть страница, которая переключает видимость divs на видимую после того, как она завершает действие, а затем переходит на новую страницу. Если на новой странице я нажимаю назад, dom сохраняет свое состояние и div становится видимым, если я обновляю и нажимаю назад, скрытый атрибут отсутствует. Есть ли способ сохранить какие-либо изменения в дом после обновления / возврата.

Answer 1

Вы можете сохранить состояние видимости в локальном хранилище HTML5.

При переключении видимости вы можете использовать строку типа:

window.localStorage.setItem('boxVisibility', true /* or false, as it may be */);

, а затем добавить событие загрузки окначтобы установить видимость этого окна при загрузке страницы:

document.addEventListener('load', function() {
    var isVisible = window.localStorage.getItem('boxVisibility');
    // now set the box's visibility with the value of isVisible
}, false);

Answer 2

LocalStorage - хорошая идея, так как эти куки также будут работать.Вы можете использовать плагин jQuery Cookie, чтобы сделать это простым: https://github.com/carhartl/jquery-cookie