jquery - 使用jQuery刷新在div上加载的html？

Question

我正在制作一个网站，我使用 jQuery 在 div 中加载我的 html 页面，因此主索引 html 保持不变。问题是，如果用户正在浏览加载在 div 中的 html 并尝试刷新他的浏览器 (F5)，则内容会“丢失”，因为它只有一个页面 (index.html)。

有没有办法解决这个问题？

<a onclick='$("#content").load("page1.html");'>Page1</a> 
<div id="content"></div>

Answer 1

有两种解决方案。如果用户单击链接，您将在 URL 中添加主题标签。例如：

<a onclick='$("#content").load("page1.html"); window.location.hash = "page1.html";'>Page1</a> 

然后，在您的 jQuery 中，当用户访问该站点时检查主题标签：

$(function() {
    if (window.location.hash.length) {
        var hash = window.location.hash.replace('#', '');

        $("#content").load(hash);
    }
});

其次，您可以使用 cookie，但我认为哈希方式也可以：)