2017-07-04 5 views
0

Ich habe Schwierigkeiten, Anker-Tags mit # Fragmente in zu einer neuen Seite zu navigieren, wenn die ID auf der aktuellen Seite gefunden wird.HTML-Anker href mit # Hash zu einer ID auf einer anderen Seite, wenn ID auf der ersten Seite

SEITE 1 auf url/Seite1

Ich habe HTML:

<a href="/page2#bananas">go to bananas on page 2</a> 
<div id="bananas">bananas on page 1</div> 

SEITE 2 auf url/page2

Ich habe HTML:

<div id="bananas">bananas on page 2</div> 

Wenn man klickt ks der Link, der Browser scrollt nur zum <div> mit id="bananas" auf Seite 1 und geht nicht auf Seite 2. Wie kann es stattdessen auf Seite 2 gehen?

Wenn ich mit der rechten Maustaste klicke und in einem neuen Tab öffne, funktioniert es gut und geht nach/page2 # bananas, wie ich will. Interessanterweise funktioniert target="_blank" nicht mit der linken Maustaste, und es öffnet nicht einmal eine neue Registerkarte in Chrome!

Antwort

0

Div-ID ist korrekt.

Für den Anker fügen Sie die .html Erweiterung:

<a href="page2.html#bananas">go to bananas on page 2</a> 
+0

hmm ... Ich glaube nicht, dass der Trick für mich löst. Ich habe es mit und ohne die erste/und mit und ohne die .html versucht ... aber das Verhalten ändert sich nicht. (Haben Sie bewusst die/vor page2 in Ihrem href? – user8255871

+0

@ user8255871 Ja habe ich bewusst entfernt den Backslash. .HTML, Hash und ID. – James

+0

hmmm. Es funktioniert immer noch nicht für mich. Vielleicht bin ich ein Idiot ... Ich werde sehen, ob ich die IDs basierend auf meinen Vorlagen dynamisch umbenennen kann. – user8255871

Verwandte Themen