如何更改URL以便文件自动加载到div中？

Question

单击侧边栏内的div我在div中加载特定文件。

<div id="menuLeft">
<div id="file01">File 01</div>
<div id="file02">File 02</div>
<div id="file03">File 03</div>
</div>

JS

$("#menuLeft div").click(function () {
var id = "chapters/" + $(this).attr('id') + ".php";
$('#divRight').load(id);
});

这一切都有效，但网址始终相同 - 例如www.something.com

单击侧边栏我需要的是获取www.something.com#file01或任何其他内容，因此当在另一个窗口中输入此网址时，file01将自动加载到divRight中}。

任何帮助？

Answer 1

您需要做两件事。

首先，您需要更改哈希：

document.location.hash = "file01";

然后在页面加载时，检查哈希值并加载相应的文件。

但是，使用HistoryAPI或类似的实现可能更好。例如，HistoryJS将允许您创建状态，以便人们可以在浏览器中按后退和前进并在这些页面之间切换。