jQuery und anchor name Verknüpfung?

...komplette Frage anzeigen

2 Antworten

Aaaaalso:

Erstens; Verstehe ich das richtig, dass du eine Menu machen willst, welches sich responsive verhält und dementsprechend verändert? Wenn ja, würde ich das zu 100% mit CSS umsetzten. Das geht viel einfacher.

Solltest du wirklich gewillt sein, das mit JS umzusetzen, würde ich sagen dein Fehler liegt erstmal daran, dass JS nicht dynamisch nachlädt wenn du dein Fenster skalierst. Somit muss die Überprüfung auf die Fenster grösse schon beim Laden der Seite passieren. Folglich würde ich den Code anpassen und in die Standart jQuery start Methode schreiben:

$(document).ready(function () {
    // überprüfung auf Fensterbreite
}

So wird die Prüfung ausgeführt sobald die Seite fertig geladen wurde.

Die Fehlermeldung welche du in der Konsole bekommst, wird ja durch die jquery.js erzeugt. Ich gehe mal stark davon aus, dass das die jQuery library ist. Somit ist diese beschädigt. Lade dir am besten die neuste version erneut herunter: https://code.jquery.com/jquery-3.0.0.js

Und nochmal: Ich empfehle dir echt sowas in CSS umzusetzen. Ich weiss ja nicht genau was diese Zuweisung der href-Atribute bezwecken soll (also wo die links hinführen). Aber vielleicht gibts dafür wirklich eine einfachere Methode.

LG Scrummer

Antwort bewerten Vielen Dank für Deine Bewertung
abbrechen 29.06.2016, 14:04

Die Gestaltung ist auch mit css umgesetzt. Mir geht es um eine Verlinkung, die sich mit der Bildschirmbreite verändert, das lässt sich mit css leider nicht ändern.
Die document.ready Abfrage habe ich drin, hatte ich der Selbstverständlichkeit halber aber hier nicht reinkopiert.
Die jQuery Datei liegt bei mir nicht lokal, sondern habe den Link von Microsoft. http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js

0
abbrechen 29.06.2016, 14:09

Die href Links führen in eine Stelle im Onepager.
a href=#bratwurst"

// Inhalt

div name="bratwurst"

--> Man wird beim Klick auf den Anchor mit dem Link #bratwurst zu dem Punkt im DOM geschickt, wo name="bratwurst" steht.
Genau diese Methode möchte ich im Responsive ändern.
Über 980px Breite soll #programm der href Link sein und unter 980px soll keine Verlinkung vorhanden sein, es soll sich nur das Submenü öffnen.
Soweit hat es geklappt, aber das Submenü übernimmt bei der unter 980px Bestimmung die Verlinkung des Eltern.

0

Ergänzend: Beim Submenü erweitert sich die url nicht in der hover-Vorschau, nicht aber beim Klick in der Adressleiste.

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?