Sprungmarke auf ein anderes HTML Dokument funktioniert nicht.

[Alebaer]

Hallo,

ich habe einen Frage an euch.

Ich möchte bei meiner Website von einer Unterseite zurück zu einer ID in der index.html springen. Komisch ist, das der Link funktioniert, wenn ich mit Rechtsklick darauf gehe und in neuem Tab oder Fenster öffnen wähle. Mit Linksklick auf den Link direkt, funktioniert die Sprungmarke aber nicht.

Hier mal mein Code:

index.html

<div class="wrapper" id="back">

</div>

unterseite.html

<div class="close">

<a href="index.html#back"><img src="img/close.png"></a>

</div>


Vielleicht könnt ihr mir ja helfen.

Viele Grüße

 

[CPCoder]

Sollte eigentlich ohne Probleme funktionieren. Habe das zur Sicherheit gerade mit Chrome getestet.
Kann man sich das Online irgendwo anschauen?

Hast du die ID "back" evtl. doppelt vergeben?

 

[Alebaer]

Die ID "back" hab ich nicht mehrfach vergeben.

Ist aber noch nicht fertig. Wenn du unter Arbeiten auf das erste Projekt "HopOn Carsharing " klickst, kommst du zu einer Unterseite, wo sich der Link befindet der nicht funktioniert. Durch das Klicken des X, welches in der rechten oberen Ecke ist, soll man direkt auf die Startseite zurück zum Punkt Arbeiten kommen.

Was mich verwirrt ist, das der Link funktioniert, wenn man Rechtsklick darauf macht und Link in neuem Tab oder neuem Fenster öffnen wählt.

Viele Grüße

 

[Sempervivum]

Hm, bei mir funktioniert der Link auf der Unterseite beim Klicken überhaupt nicht, jedoch sehr wohl, wenn ich "in neuem Tab öffnen" nehme. Genau das hatte ich früher auch mal und es lag daran, dass ein anderes Skript (ich glaube, es war jQuery-Mobile) den Klick auf einen Link gekapert hatte. Versuch doch mal, dieses Slider-Skript probeweise heraus zu nehmen.

 

[Sempervivum]

PS: Habe es mal eben herunter geladen und den Übeltäter gefunden. Dieses:

/* Scrool Smooth */

$('a[href*=#]').bind("click", function(event) {
event.preventDefault();
var ziel = $(this).attr("href");

$('html,body').animate({
scrollTop: $(ziel).offset().top
}, 2000 , function (){location.hash = ziel;});
});
return false;

});

/* Scrool Smooth End */

kapert den Klick auf einen Link mit Hash. Löscht man es, funktioniert er einwandfrei.

 

[Tronjer]

Löscht man es, funktioniert er einwandfrei.

Aber das Scrolling auf der Mainpage nicht mehr. Um es funktional zu halten, würde ich das Event nicht auf $('a[href*=#]'), sondern auf eine CSS-Klasse aufrufen.

btw. wer "Webdesign & Programmierung" anbietet, sollte wissen, was preventDefault() macht. Außerdem ist bind() veraltet.

 

[Alebaer]

Hey danke euch für eure Hilfe! Ja stimmt, ich mache eher HTML & CSS, Jquery und sonstige Programmiersprachen bin ich noch ganz am Anfang. Für recht einfache Websites reicht es trotzdem. Jedenfalls danke nochmal :)