Question

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

网站内的导航是由jquery div隐藏并显示...

因此，页面的网址不会更改，但我想让人们可以共享特定部分（或状态）和书签的链接，并使后台按钮功能正常工作。怎么做？

Answer 1

您正在寻找deep linking。

jQuery Address*它是一个深度链接的插件，支持crossbrowser。

* Github本身具有您正在寻找的功能，在浏览项目源时检查幻灯片切换。虽然github的深层链接only works with the History API。

Answer 2

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

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;
}

点击您的链接会在您的浏览器中创建一个以#sectionOne结尾的网址，该网址可以方便地添加书签。此外，当您将:target选择器放入CSS时，根据您的CSS，将显示特定的#sectionOne：

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

链接在单页wordpress主题

2 个答案: