jQuery aktivieren

**Steffen123** · 02.09.2015, 08:48

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

**planepix** · 02.09.2015, 08:53

Hallo Steffen,

jQuery im Seitenlayout aktivieren sagt Contao es im Header einzubinden. Nochmal manuell einbinden wäre somit doppelt und einmal zuviel eingebunden.

**Spooky** · 02.09.2015, 08:53

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".

**Steffen123** · 02.09.2015, 09:00

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.

**Spooky** · 02.09.2015, 09:07

Zitat von Steffen123

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:

1. Seitenlayout öffnen

2. jquery aktivieren

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).

Mach aber stattdessen lieber folgendes:

[jquery-smooth-scroll] installieren
im Seitenlayout jQuery aktivieren
dort auch das Template j_smoothscroll aktivieren

**Steffen123** · 02.09.2015, 09:13

Ok super danke Spooky für die Hilfe !!!

**mlweb** · 02.09.2015, 16:55

Zitat von Spooky

Dort steht: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).

Mach aber stattdessen lieber folgendes:

[jquery-smooth-scroll] installieren
im Seitenlayout jQuery aktivieren
dort auch das Template j_smoothscroll aktivieren

Kannst Du mal kurz erklären, warum die Erweiterung die bessere Lösung ist?
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

**Spooky** · 03.09.2015, 07:42

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, dort

PHP-Code:


<?php $GLOBALS['TL_JAVASCRIPT'][] = 'path/to/smoothScroll.js';

eintragen und das Template dann im Seitenlayout aktivieren. Oder in eben diesem Template stattdessen den Code inline einfügen.

**mlweb** · 03.09.2015, 10:14

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.

Thema: jQuery aktivieren

Themen-Optionen

Thema durchsuchen

jQuery aktivieren

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher