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

これを間違って読んでいる可能性がありますが、開いているpが2つあり、閉じているのが1つしかないセクションでは、タグが正しく閉じられていないようです。

そのスローオフウィッチセクションはどこにあり、それがあなたのアンカーが混乱している理由です。

JSFiddleも、セクション3の上の3つのdivタグが気に入らないようですが、その理由はまだわかりません。

于 2012-08-10T11:19:29.733 に答える
0

これは、<a>タグの場所が原因です。興味のあるタグの直後に配置する必要があり<p>ます。

そして、まあ、あなたはあなたのマークアップを少し片付ける必要があります。アイリーンアドラーが有効なウェブページに惹かれていることは誰もが知っています。

于 2012-08-10T11:27:38.643 に答える
0

これは、jsFiddleの例のマークアップのスクリーンショットです。

ここに画像の説明を入力してください

ご覧のとおり<a>、名前の値が「section1」、「section2」などの複数のがあります。これにより、＃sectionXハッシュが一意のアンカーを見つけることができなくなります。

于 2012-08-10T11:35:53.943 に答える