jquery - 将外部内容加载到 div 中时的导航

Question

我正在尝试使用 Ajax 将内容加载到 div 中。到目前为止，我已经成功加载它。但是，我不知道如何处理......

1. 用户输入网址 ( http://www.example.com/#page.html ) 应将他们引导至 加载了正确内容的页面。 (现在它只是正常加载。)
2. 当用户点击浏览器上的“后退”按钮时，它应该可以正确导航。

也欢迎任何建议和疑虑。感谢您的帮助。

Answer 1

案例A

加载页面后，让 JavaScript 检查是否存在哈希值并采取相应措施。如果有哈希，则根据哈希加载内容，否则显示默认页面。 (请务必验证哈希值!)

var hash = window.location.hash /* get the hash from the url */

情况B

假设您不断地“从一个哈希到另一个哈希”浏览，浏览器应该已经正确执行此操作。要求是您按照上述方式实现案例 A。

<小时/>

示例:

1. 您访问 example.com
2. 您点击进入 example.com/#MyAwesomeAjaxLoadedContent
3. 您点击进入 example.com/#MoreAwesomeAjaxContent
4. 您点击后退按钮，您现在位于 example.com/#MyAwesomeAjaxLoadedContent

如果您正确实现了案例 A，您的浏览器现在应该显示 example.com/#MyAwesomeAjaxLoadedContent