Druckbare Version
Hallo zusammen,
ich habe jQuery in meine Seite aktiviert und im Layout per head Tag eingebunden .
Wenn ich jetzt auf meine Seite gehe sehe ich den Code im Header, kann mir jemand sagen was ich falsch mache ?
Der Animationseffekt ( Smoothscroll ) funktioniert auch nicht.
Vielen Dank im Voraus
Hallo Steffen,
jQuery im Seitenlayout aktivieren sagt Contao es im Header einzubinden. Nochmal manuell einbinden wäre somit doppelt und einmal zuviel eingebunden.
Komische Frage ;). Du sagst, du hast jQuery im <head> Tag eingebunden und jetzt wunderst du dich, dass es dort zu sehen ist?
Davon abgesehen: du solltest jQuery nicht mit "Zusätzliche <head>-Tags" einbinden. Aktiviere es einfach weiter unten bei dem Punkt "jQuery".
Danke planepix und Spooky für eure schnelle Hilfe.
Ich denke ich habe das hier dann falsch verstanden oder :-/
http://blog.jst-media.de/smooth-scro...tao-einbinden/
Da steht im <head> Bereich einbinden.
Dort steht:Zitat:
Zitat von Steffen123
Und das darauffolgende Script sollst du in den <head> geben, was ich aber so nicht machen würde (außerdem brauchst du dafür natürlich die <script> Tags).Zitat:
1. Seitenlayout öffnen
2. jquery aktivieren
Mach aber stattdessen lieber folgendes:
- [jquery-smooth-scroll] installieren
- im Seitenlayout jQuery aktivieren
- dort auch das Template j_smoothscroll aktivieren
Ok super danke Spooky für die Hilfe !!!
Kannst Du mal kurz erklären, warum die Erweiterung die bessere Lösung ist?Zitat:
Zitat von Spooky
Ist der dortige Code fehlerhaft bzw. nicht optimal (kann ich mangels guter js-Kenntnisse leider nicht einschätzen)?
Ich versuche immer mit möglichst wenig Erweiterungen auszukommen, deshalb die Frage
Mich stört bei der Lösung nur, dass JavaScript code inline direkt in den <head> geschrieben wird. Anstatt die Extension zu verwenden könnte man auch folgendes machen: den Code einfach in eine eigene Datei ablegen und dann in den <head> einbinden. Oder den Code in eine eigene Datei ablegen, ein eigenes j_smoothscroll Template machen, dorteintragen und das Template dann im Seitenlayout aktivieren. Oder in eben diesem Template stattdessen den Code inline einfügen.PHP-Code:<?php $GLOBALS['TL_JAVASCRIPT'][] = 'path/to/smoothScroll.js';
Danke für Deine Erläuterung.
Bisher habe ich in ähnlichen Fällen meist die eigene Datei im head eingebunden. Die Templatelösung ist aber auch sehr charmant.