Zum Inhalt springen

Reihenfolge javascript einbinden im Header

Erstellt am 12. Dezember 2011 · 5 Antworten · letzte Antwort am 18. Juni 2015

Tags: Frage

namaste ·

Hallo,

Ich habe ein Problem das mir echt den letzten Nerv raubt. Ich habe die Extension sfjquery eingebunden und will nun noch sk_fancybox.
Da beide jquery verwenden habe ich bei sk_fancybox das einbinden von jquery "augeschaltet". Dummerweise wird aber jquery im header erst nach den Dateien für sk_fancybox eingebunden, weshalb natürlich die fancybox nun nicht funktioniert.Auch nach langem suchen kann ich nicht herausfinden wie ich das Einbinden der JS Daten im Header ändern kann, so daß erstmal jquery eingebunden wird und dann der Rest.

Hoffe ich konnte mein Problem halbwegs verständlich erklären und Danke schonmla für die Hilfe!

namaste ·

Zur Verdeutlichung: So sind die js Dateien im Header eingebunden:

<script src="typo3conf/ext/sk_fancybox/fancybox/jquery.easing-1.3.pack.js?1323680879" type="text/javascript"></script>
<script src="typo3conf/ext/sk_fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js?1323680879" type="text/javascript"></script>
<script src="typo3temp/javascript_90fa2fa6ca.js?1323681087" type="text/javascript"></script>


<script src="typo3conf/ext/sfjquery/res/jquery-1.7.1.js" type="text/javascript"></script>

Die Reihenfolge wird ja von den Extensions so gemacht, da habe ich keinen Einfluss drauf, oder doch?!?

CrZ ·

Das würde mich auch sehr brennend interessieren! Ich habe das selbe Problem.
Hat keiner eine Lösung parat?

Muss doch irgendwie möglich sein, die eigene jQuery-Bibliothek zu laden, sodass sie VOR den JS-Dateien der Extensions eingebunden wird oder etwa nicht?!

Grüße
Chris

LuP ·

Hallo,

manchmal kann die Umkehrung der Reihenfolge - wie die Erweiterungen installiert sind - Wunder bewirken. Zuerst sfjquery installieren und danach sk_fancybox. Ansonst würde ich die Konstellation t3jquery & sk_fancybox in Erwägung ziehen, da deren Libs von sk_fancybox inkludiert werden können.

VG,
LuP

ToBe ·

die Reihenfolge der static-includes sollte es machen... oder wie oben beschrieben t3jquery nutzen

luko ·

ist zwar schon etwas älter der post, aber bestimmt wird noch so manch einer über google hier landen (so wie ich)

lösung:

page.includeJS {
	jquery = fileadmin/path/to/jquery-1.x.x.min.js
	jquery.forceOnTop = 1
}