如何在保存/刷新页面之后在两个div之间切换并保留在选定的div上?

问题描述:

我在这里看到了这个脚本在计算器到两个div之间切换(这是从这个page):如何在保存/刷新页面之后在两个div之间切换并保留在选定的div上?

http://jsfiddle.net/PauWy/1/

它的工作,但有没有办法来调整脚本,使其保持在该切换DIV,即使刷新/保存页面后?

我们的页面允许我们选择上传照片或视频。如果用户选择照片,那么当该人返回到同一页面时,应显示“上传照片”,但如果用户选择了视频,该页面应自动切换为“上传视频”。现在,即使用户选择切换/使用“上传视频”部分,默认情况始终为“上传照片”。

+1

无论您使用何种浏览器,或者使用给定的浏览器,您是否希望为用户执行此操作?如果前者需要在服务器上保存每个用户的状态。如果后者可以使用cookie。 – justkt 2011-03-29 15:21:28

+0

无论浏览器如何,我都想做这个。 – catandmouse 2011-03-29 16:12:22

+0

你有办法识别用户吗? – justkt 2011-03-29 16:14:18

您需要坚持,并且通过cookie来实现这一点。

使用jQuery Cookie Plugin.

要保存一个cookie,你需要做的是:

$.cookie("key", "value"); 

,并检索:

$.cookie("key"); 

并删除:

$.cookie("key", null); 

所以你的逻辑将是:

if cookieValue == "thisDiv" 
    showDiv1 
else 
    showDiv2 
end 

将选择存储在cookie中,并在加载页面时检查该cookie。