我有一个带有几个隐藏的div和页面的页面,点击事件在div上变为可见。在页面重新加载后显示隐藏的div(页面重新加载后div变为可见)
问题是当我重新加载页面时,所有的div都被隐藏了。
实际上,当我点击某些按钮时,某些div变得可见,但是当我重新加载页面时,所有div都不可见。
我可以在重新加载页面之前使页面可见的div可见吗?
例http://jsfiddle.net/DxKCj/1/.
我有一个带有几个隐藏的div和页面的页面,点击事件在div上变为可见。在页面重新加载后显示隐藏的div(页面重新加载后div变为可见)
问题是当我重新加载页面时,所有的div都被隐藏了。
实际上,当我点击某些按钮时,某些div变得可见,但是当我重新加载页面时,所有div都不可见。
我可以在重新加载页面之前使页面可见的div可见吗?
例http://jsfiddle.net/DxKCj/1/.
看看下面的回答:
可以使一个AJAX调用PHP页面,这将创建一个会话。然后,您可以在页面加载时执行简单的IF,以查看会话是否设置为1或0.如果为1,则显示div,如果不是,则将其删除。
只需在用户单击按钮时进行AJAX调用。如果您需要更详细的代码,请告知我
保存服务器上的状态不是必需的,它可以在本地完成。 – 2013-02-20 16:05:16
当然,它们会再次隐形。这就是HTML/JavaScript应该如何表现。当您重新加载页面时,浏览器会抛弃当前状态并重新“编译”页面。这就像运行一个简单的C程序,退出并重新运行它一样。如果你想保存Div的状态,你必须将它保存在某个地方。您可以使用HTML5本地存储或在Cookie中保存它。您可以通过JavaScript来完成这两项操作。
是的。不要打扰使用会话 - 只需设置一个cookie。谷歌的“javascript setcookie”,你会发现你需要的一切 - 存储哪些div在cookie中可见,然后检查页面加载时的cookies值。 `
cookies或localstorage – 2013-02-20 16:02:30
一些例子? – Dimitar 2013-02-20 16:03:16
or url hash('http://example.com/#show:div1,div2') – 2013-02-20 16:03:58