导航网站时如何保存菜单状态？

Question

我有一组动态加载的div元素，这里“posts”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;

会奏效。