如何在導航網站時保存菜單狀態？

Question

我div元素的數組是動態加載，這裏的「上崗」的div填充菜單容器滾動事件：

<div id="menu"> 
    <nav> 
     <div class="posts"></div> 
     <div class="posts"></div> 
     <div class="posts"></div> 
     <div class="posts"></div> 
     <div class="posts"></div> 
    </nav> 
</div> 

當有人點擊該職位之一，他們得到帶到該頁面，我想保存該菜單的狀態並將其加載到我正在導航的頁面上。

我正在使用jQuery庫和Wordpress。

幫助讚賞。

Answer 1

，你可以：

localStorage.state = $('#menu').html(); 

保存它，並

var newDiv = document.createElement('div'); 
newDiv.innerHTML = localStorage.state; 
document.body.appendChild(newDiv); 

加載它。若要添加到元素，

document.getElementById('IDOfYourElement').innerHTML = localStorage.state; 

將工作。