2016-12-08 48 views
0

所以,我有一個網站我正在使用javascript/jquery。它的作用類似於手風琴,但對於整個網站來說。鏈接位於屏幕的左側,當你點擊一個(讓我們說「關於我」)當前內容(也許是「家」或「聯繫人「頁面)從屏幕滑出,」關於我「內容在屏幕上滑動。刷新頁面時我的問題在於。在瀏覽器刷新時保留活動內容

如果正在查看「關於我」或「聯繫人」內容,並且您單擊刷新,則會重置並顯示「主頁」頁面內容。我希望當前內容(如果與「主頁」內容不同)在刷新頁面時保持可見。

有關如何完成此任務的任何建議?我一直在玩「hashchange」事件/函數,並可以更新我的URL,但我仍然需要刷新來加載當前內容,而不是每次都加載主頁內容。

感謝您的幫助!

+1

要麼你使用cookie或localstorage,這樣它會保持甚至在會話之間,或者你只需​​刷新'example.com/page#contact'之類的東西,然後檢查並根據url加載內容。 – junkfoodjunkie

+0

你能舉一些代碼示例嗎? – Ishey4

+0

http://codepen.io/Aunnix/pen/KNROax 這裏是當前的代碼。 – Aunnix

回答

0

有一對夫婦的方法來保持的東西即使瀏覽器被刷新:

1-的URL參數。在這種情況下,你添加上如URL當前選擇的菜單:

localhost?currentMenu=about  

沒有這樣做,你必須有一個腳本來檢查,然後選擇相應的菜單onLoad時。

2- localStorage的

localStorage.setItem('currentMenu', 'about'); 

然後檢查它的onLoad:

currentMenu = localStorage.setItem('testObject'); 

3- coockies

的document.cookie = 「currentMenu =約」;

記住所有這些選項都需要對負載進行額外的檢查。

+0

謝謝。我將探索他們,看看我能否找到解決方案.. – Aunnix