导航到div元素中的锚点

Question

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

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

jsfiddle demo

任何人都可以帮我吗？

任何帮助都会非常感激....

亲切的问候

更新： 感谢您的回复。我已用已清理的HTML更新了链接。 javascript导航仍无法正常工作 :(

更新2： 感谢您提出建议，但仍然无效 我用你的建议更新了它......但它不起作用。如果我拿出css条目“div.columnbreak {-webkit-column-break-after：always;导航工作。当我把它放回导航不起作用*

Answer 1

您没有正确关闭标签

例如：，

<强>错误

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

Answer 2

看看：jsfiddle

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

Answer 3

我可能会读错了，但看起来您的标签可能无法正常关闭 在部分中，您有2个开放的p并且只有1个关闭。

它扔掉了很多部分，这就是为什么你的锚点混乱了。

JSFiddle似乎也不喜欢第3节上面的3 div标签，但我还没弄清楚原因，但是。

Answer 4

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

好吧，你应该tidy up your markup一点。每个人都知道Irene Adler被有效的网页所吸引。

Answer 5

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

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