2013-02-20 330 views
0

我有一個帶有幾個隱藏的div和頁面的頁面,點擊事件在div上變爲可見。在頁面重新加載後顯示隱藏的div(頁面重新加載後div變爲可見)

問題是當我重新加載頁面時,所有的div都被隱藏了。

實際上,當我點擊某些按鈕時,某些div變得可見,但是當我重新加載頁面時,所有div都不可見。

我可以在重新加載頁面之前使頁面可見的div可見嗎?

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

+2

cookies或localstorage – 2013-02-20 16:02:30

+0

一些例子? – Dimitar 2013-02-20 16:03:16

+2

or url hash('http://example.com/#show:div1,div2') – 2013-02-20 16:03:58

回答

0

看看下面的回答:

create session with jquery?

可以使一個AJAX調用PHP頁面,這將創建一個會話。然後,您可以在頁面加載時執行簡單的IF,以查看會話是否設置爲1或0.如果爲1,則顯示div,如果不是,則將其刪除。

只需在用戶單擊按鈕時進行AJAX調用。如果您需要更詳細的代碼,請告知我

+0

保存服務器上的狀態不是必需的,它可以在本地完成。 – 2013-02-20 16:05:16

1

當然,它們會再次隱形。這就是HTML/JavaScript應該如何表現。當您重新加載頁面時,瀏覽器會拋棄當前狀態並重新「編譯」頁面。這就像運行一個簡單的C程序,退出並重新運行它一樣。如果你想保存Div的狀態,你必須將它保存在某個地方。您可以使用HTML5本地存儲或在Cookie中保存它。您可以通過JavaScript來完成這兩項操作。

1

是的。不要打擾使用會話 - 只需設置一個cookie。谷歌的「javascript setcookie」,你會發現你需要的一切 - 存儲哪些div在cookie中可見,然後檢查頁面加載時的cookies值。 `