1

我有一个包含许多<div>元素的 HTML 文件，我无法使用 JavaScript 导航到锚标记。我在 jsfiddle 中放了一个演示。有关详细信息，请参阅 JavaScript + CSS + HTML 的链接。

我可以导航到“section5”，但不能导航到其他部分。

jsfiddle 演示

谁能帮我这个？

任何帮助将非常感激....

亲切的问候

更新： 感谢您的回复。我已经用清理过的 HTML 更新了链接。javascript导航仍然不起作用:(

更新 2：感谢您的建议，但仍然无法正常工作 我已根据您的建议对其进行了更新.. 但它不起作用。如果我取出 css 条目“div.columnbreak { -webkit-column-break-after: always; 导航工作。当我把它放回去时，导航不起作用*

4

5 回答 5

2

您没有正确关闭标签

例如：,

错误的

<p>This EPUB eBook is released under a Creative Commons (BY-NC-ND/3.0) Licence.
        <p>Source text and images taken from the Public Domain.</p>

正确的

<p>This EPUB eBook is released under a Creative Commons (BY-NC-ND/3.0) Licence.
        Source text and images taken from the Public Domain.</p>
于 2012-08-10T11:25:13.607 回答
1

看一看：jsfiddle

您根本不需要使用<a>元素，您可以为您的部分块分配唯一的 id。

于 2012-08-10T12:44:29.363 回答
0

这是您的 jsFiddle 示例中标记的屏幕截图：

在此处输入图像描述

如您所见，有多个<a>名称值为“section1”、“section2”等的 's。这将阻止您的 #sectionX 哈希找到唯一的锚点。

于 2012-08-10T11:35:53.943 回答
0

我可能读错了，但看起来你的标签在你有 2 个打开的 p 并且只有 1 个关闭的部分中可能没有正确关闭。

它在哪个部分被抛弃，这就是为什么你的锚被混淆的原因。

JSFiddle 似乎也不喜欢第 3 节上面的 3 个 div 标签，但我还没弄清楚为什么。

于 2012-08-10T11:19:29.733 回答
0

这是因为<a>标签的位置。你应该把它放在<p>你感兴趣的标签之后。

好吧，你应该稍微整理一下你的标记。每个人都知道 Irene Adler 被有效的网页所吸引。

于 2012-08-10T11:27:38.643 回答