1

我正在构建一个单页 WordPress 主题（index.php 包括 header.php 和 footer.php）

网站内的导航是由jquery div隐藏和显示完成的......

结果，页面的 url 没有改变，但我想让它成为可能，这样人们就可以共享特定部分（或状态）和书签的链接，并让后退按钮功能正常工作。那怎么办？

4

2 回答 2

1

您正在寻找深度链接。

jQuery Address*它是一个用于深度链接的插件，具有跨浏览器支持。

*Github 本身就有你要找的功能，在浏览项目源代码时检查幻灯片过渡。尽管 github 的深度链接仅适用于 History API。

于 2013-05-09T07:07:26.493 回答
0

您可以在链接中使用主题标签：

HTML： 

<a href='#sectionOne'>SectionOne</a>
<a href='#sectionTwo'>SectionTwo</a>

<section id='sectionOne'>Hey there, I'm section One</section>
<section id='sectionTwo'>Hey there, I'm section Two</section>

CSS：

section {
  display: none;
}

section:target {
  display: block;
}

单击您的链接将在您的浏览器中创建一个 url，该 url 以#sectionOne方便书签的方式结束。此外，根据您的 CSS，当您将:target选择器放入 CSS 中时，该特定#sectionOne内容将可见：

演示：http: //jsbin.com/ogodeg/1

于 2013-05-09T07:07:03.287 回答