在叠加层中打开URI，而不是主页面

Question

在我的页面上，通过使用jQuery插入内容然后淡入来加载叠加层。

我想做的是：

当您点击打开叠加层时，会加载一个URI（例如news / 12，其中news是类别，12是要加载的项目的ID）。 除了将其加载到正文中之外，它应该加载到叠加层中。

换句话说，我想在Facebook上实现类似的东西，你打开一个叠加层，网址会改变，但主页保持不变。

我猜你需要ajax，但我不知道怎么做。

由于

Answer 1

使用Boxy。见http://onehackoranother.com/projects/jquery/boxy/tests.html#

AJAX示例：

<a href='#' onclick='Boxy.load("test-1.html");'>Test 1</a>

请参阅此问题：Ajax - How to change URL by content

Answer 2

听起来您想要使用新的history.pushState(...)和history.popState(...)浏览器API。 此SO帖子可能会帮助您：Change the URL in the browser without loading the new page using JavaScript

Answer 3

由于Lethargy的回答，我解决了这个问题。

.pushState()正是我需要让URL反映使用jQuery动态创建的叠加层的内容。

通过一些调整和调试，我设法让它全部工作。

现在我的叠加层（或弹出窗口，对话框，等等）已准备好搜索引擎，并且该网址可供用户复制：）