页面重新加载后显示隐藏的div(页面重新加载后div变为可见)

时间:2013-02-20 15:59:24

标签: javascript jquery reload page-refresh

我有一个页面,其中包含几个隐藏的div和带有点击事件的按钮,其中div显示在其中。

问题是当我重新加载页面时,所有div都会再次隐藏。

实际上当我点击某些按钮时,某些div会变得可见,但是当我重新加载页面时,所有div都会再次隐藏。

重新加载后,我可以在页面重新加载之前显示可见的div吗?

示例http://jsfiddle.net/DxKCj/1/ .

3 个答案:

答案 0 :(得分:1)

当然他们会再次看不见了。这就是HTML / JavaScript的行为方式。当您重新加载页面时,浏览器会抛弃当前状态并再次“编译”页面。这就像运行一个简单的C程序,退出它并再次运行它。如果你想保存Div的状态,你必须将它保存在某个地方。您可以使用HTML5本地存储或cookie来保存它。您可以通过JavaScript完成这两项工作。

答案 1 :(得分:1)

是。不要打扰使用会话 - 只需设置一个cookie。谷歌“javascript setcookie”,你会发现你需要的一切 - 存储哪些div在cookie中可见,然后检查页面加载时的cookie值。 `

答案 2 :(得分:0)

查看以下答案:

create session with jquery?

您可以对PHP页面进行ajax调用,该页面将创建会话。然后,您可以在页面加载时执行简单的IF,以查看会话是否设置为1或0.如果为1,则显示div,如果不是,则将其删除。

当用户单击按钮时,只需进行AJAX调用即可。如果您需要更具体的代码,请告诉我