使用jQuery刷新在div上加载的html？答案

【问题标题】：Refresh html loaded on div using jQuery?使用jQuery刷新在div上加载的html？
【发布时间】：2013-05-17 04:34:53
【问题描述】：

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

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

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

【问题讨论】：

你的意思是如果用户刷新，你想继续显示内容？
在页面加载时执行$("#content").load("page1.html");。
@pXL 也许它并不总是 page1.html 而是动态的..

标签： jquery html onclick load refresh

【解决方案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，但我认为哈希方式也可以：)

【讨论】：

看起来不错，但仍然不适合我。 window.location.hash = "page1.html";page1.html 是否必须与html文件的路径相同？虽然我也试过了。
当您点击链接时，hastag 会添加到 url，但按 F5 的行为就像以前一样，内容不会保留在那里。
你有没有在你的页面中插入jquery代码？或者你有一个可以添加的 scripts.js？
是的，我添加了脚本。顺便说一句，我正在通过 xampp 对其进行测试。 html文件与索引不在同一个文件夹中，这与它不起作用有什么关系吗？
让我们continue this discussion in chat