восстановить один и тот же идентификатор на странице при обновлении

Question

Я работаю над javascript, а также jquery. и я использую 2divs на своей странице. поэтому, когда моя страница загружается, второй div скрыт, и когда нажата кнопка из первого div, она переходит на вторую страницу. поэтому, когда я нажимаю кнопку обновления сейчас. страница переходит к первому div, поскольку она реагирует, когда страница открывается в первый раз. любые идеи или предложения, чтобы сделать второй дисплей div, даже когда страница обновляется. заранее спасибо. вот мой прошитый код, он отлично работает в скрипке, как я точно хочу. но он не работает в моем коде проекта. http://jsfiddle.net/pWryf/. любой пример, чтобы достичь этого через файлы cookie.?

Вот мой код DIV:

$('#sbut1').click(function() { 
    $('.cont1').show(); 
    $('#log1').hide(); 
}); 

Answer 1

Попробуйте что-то вроде этого, используя localStorage:

$('#sbut1').click(function() { 
    $('.cont1').show(); 
    $('#log1').hide(); 
    localStorage['shown'] = '.cont1'; 
}); 

$(function() { 
    var sel; 
    if (sel = localStorage['shown']) { 
     $('.cont1, #log1').hide().filter(sel).show(); 
    } 
}); 

http://jsfiddle.net/5aJZR/

Пользователь также может использовать куки для этой цели.

Answer 2

Я могу думать по крайней мере 2 фронтэнда подходы к этой проблеме:

1. с использованием куки или более современным LocalStorage решения для обработки сессий , (уже был здесь, cookie)

2. используя приложение с одной страницей, где навигаторы после знака #. например, в базовых webapps.

Вы также можете использовать обработку сеансов на стороне сервера, в большинстве веб-фреймворков есть один встроенный.

Answer 3

Использование метода Cookie. Эта ссылка может вам помочь. http://www.javascriptkit.com/javatutors/cookie3.shtml