Reihenfolge der zu ladenden Scripte?

**fr3d83** · 27.11.2018, 10:42

Hi,

über die Variable:

PHP-Code:


<?= $this->mootools ?>

lasse ich meine Scripte ausgeben, was so ausschaut:

HTML-Code:

<script src="assets/mediaelement/js/mediaelement-and-player.min.js"></script>
<script>(function(){var e=document.querySelectorAll(':not(picture) > video, :not(picture) > audio');for(var i=0;i<e.length;i++){new MediaElementPlayer(e[i],{pluginPath:'/assets/mediaelement/plugins/'})}})()</script>
<script src="assets/colorbox/js/colorbox.min.js"></script>
<script>jQuery(function($){$('a[data-lightbox]').map(function(){$(this).colorbox({loop:!1,rel:$(this).attr('data-lightbox'),maxWidth:'95%',maxHeight:'95%'})})})</script>
<script src="assets/js/ca744d282306.js"></script>

Problem ist jetzt, in "ca744d282306.js" steckt das jQuery Framework und Colorbox meckert verständlicherweise rum, wenn jQuery nicht zuerst geladen wird, wie kann ich dei Reihenfolge Ändern?

Im BE schaut es so aus:
Bildschirmfoto 2018-11-27 um 11.41.37.png

LG & Danke

**Spooky** · 27.11.2018, 10:43

jQuery wird von Contao eigentlich im <head> geladen. Du hast also bei deiner Contao Installation irgend etwas verändert (selbst oder per Extension).

**fr3d83** · 27.11.2018, 11:07

Ich nutze ein Bootstrap template.

**PaddySD** · 27.11.2018, 11:11

Da ist aber bei 4.5 oder 4.6 was geändert worden. Die Ladereihenfolge für jquery wurde verändert, da kämpfen ein paar Erweiterungen damit. In meinem Fall zB diese hier, siehe diese Antwort auf einen Issue: klick hier.

Nervt wie S**... Ich kann mich momentan entscheiden, ob das BE an sich funktioniert (zB Legenden auf und zu machen) oder eben die Einträge der Fieldpalette-Felder... Na ja, wird schon, irgendwann...

Was ich damit sagen will, die Laderei von jquery im BE ist momentan etwas tückisch...

**fr3d83** · 27.11.2018, 11:17

Ok, aber bei mir geht es ja um das Frontend.

**Spooky** · 27.11.2018, 11:18

Zitat von PaddySD

Da ist aber bei 4.5 oder 4.6 was geändert worden. Die Ladereihenfolge für jquery wurde verändert

Kann ich nicht bestätigen. Öffne ein Ticket dafür, wenn du das in einer frischen Installation nachstellen kannst.

**PaddySD** · 27.11.2018, 11:27

Ich sollte dafür eigentlich einen eigenen Thread aufmachen...

Frische Installation ist insofern schwierig, es geht ja um den Zeitpunkt der Einbindung von js durch Erweiterungen. Und die werden jetzt vor dem eigentlichen Laden von jquery im <head> eingetragen. Im Moment lässt sich das nur über das "async" flag in Teilen lösen... Soll ich einen eigenen Thread dazu aufmachen?

**Spooky** · 27.11.2018, 11:32

Erzeuge eine frische Contao Installation und beschreibe das PRoblem dann genau. Ich kann das jedenfalls nicht nachvollziehen. Und ja, mach' evt. zuerst einen Thread auf, bevor du es als Ticket postest.

**fr3d83** · 27.11.2018, 12:27

Hi,

Ich habe COntao 4.4 und setzte Bootstrap für COntao ein über die Variable:

PHP-Code:


<?= $this->mootools ?>

lasse ich meine Scripte ausgeben, was so ausschaut:

HTML-Code:

<script src="assets/mediaelement/js/mediaelement-and-player.min.js"></script>
<script>(function(){var e=document.querySelectorAll(':not(picture) > video, :not(picture) > audio');for(var i=0;i<e.length;i++){new MediaElementPlayer(e[i],{pluginPath:'/assets/mediaelement/plugins/'})}})()</script>
<script src="assets/colorbox/js/colorbox.min.js"></script>
<script>jQuery(function($){$('a[data-lightbox]').map(function(){$(this).colorbox({loop:!1,rel:$(this).attr('data-lightbox'),maxWidth:'95%',maxHeight:'95%'})})})</script>
<script src="assets/js/ca744d282306.js"></script>

Problem ist jetzt, in "ca744d282306.js" steckt das jQuery Framework und Colorbox meckert verständlicherweise rum, wenn jQuery nicht zuerst geladen wird, wie kann ich dei Reihenfolge ändern?

LG & Danke

**Ainschy** · 27.11.2018, 12:49

Pack den Aufruf von Mootools in den Header.

**fr3d83** · 27.11.2018, 13:25

Da packe ich alles in den Header, wie schon geschreiben, die drei .js Dateien stecken in der Variable.

**Ainschy** · 27.11.2018, 13:31

Elemente die Mootools und jQuery voraussetzen sollten i.d.R. am Ende des Body Tags stehen, so wie es über die Templates gelöst wird. Wenn diese kombiniert im Header geladen werden, kannst du nicht sicher sein das selbst wenn sie an erster Stelle steht auch fertig geladen sind wenn weitere Scripte darauf zu greifen wollen/müssen.

Mein Vorschlag. Colorbox und Mediaelement per Template ans Ende der Seite einbinden lassen.

**fr3d83** · 27.11.2018, 13:37

Zitat von Ainschy

Mein Vorschlag. Colorbox und Mediaelement per Template ans Ende der Seite einbinden lassen.

Ok und wie mache ich das?

**Spooky** · 27.11.2018, 13:43

Default von Contao ist, dass jQuery etc. im <head> geladen wird und JavaScript Templates, die im Seitenlayout eingebunden sind, am Ende des <body>. Warum ist das bei dir anders? Ich denke nicht dass das etwas mit der contao-bootstrap Extension zu tun hat?

**fr3d83** · 27.11.2018, 13:50

Zitat von Spooky

Default von Contao ist, dass jQuery etc. im <head> geladen wird und JavaScript Templates, die im Seitenlayout eingebunden sind, am Ende des <body>. Warum ist das bei dir anders? Ich denke nicht dass das etwas mit der contao-bootstrap Extension zu tun hat?

Das ist im Standart Boostrap template so enthalten, Zeile 67:
https://github.com/muckz/Bootstrap-f.../fe_page.html5

**Spooky** · 27.11.2018, 13:53

Das ist auch korrekt so. Siehe die default fe_page: https://github.com/contao/contao/blo.../fe_page.html5

In ->mootools sind die JavaScript Templates des Seitenlayouts drin. In ->mooScripts zB jQuery.

**fr3d83** · 27.11.2018, 14:42

Zitat von Spooky

Das ist auch korrekt so. Siehe die default fe_page: https://github.com/contao/contao/blo.../fe_page.html5

In ->mootools sind die JavaScript Templates des Seitenlayouts drin. In ->mooScripts zB jQuery.

Ok und wo ist der Aufbau von mooScripts zu finden?

**Spooky** · 27.11.2018, 14:44

https://github.com/contao/contao/blo....php#L373-L436

**PaddySD** · 27.11.2018, 14:47

Kann dann hier mal jemand bitte zu machen, es scheint hier weiter zu gehen:

https://community.contao.org/de/show...einadner-laden

Oder beide Threads zusammenführen?

**Spooky** · 27.11.2018, 15:11

Moderation: Themen zusammengeführt.

**fr3d83** · 27.11.2018, 18:31

Zitat von Spooky

https://github.com/contao/contao/blo....php#L373-L436

Danke.

Sehe ich das richtig, dass die Reihenfolge in Zeile 713 ist?

**Spooky** · 28.11.2018, 07:25

jQuery wird dort nicht geladen, nein. Die Reihenfolge der anderen Scripts kannst du im Seitenlayout frei wählen.

**Spooky** · 28.11.2018, 09:31

Zitat von PaddySD

Da ist aber bei 4.5 oder 4.6 was geändert worden. Die Ladereihenfolge für jquery wurde verändert, da kämpfen ein paar Erweiterungen damit. In meinem Fall zB diese hier, siehe diese Antwort auf einen Issue: klick hier.

Nervt wie S**... Ich kann mich momentan entscheiden, ob das BE an sich funktioniert (zB Legenden auf und zu machen) oder eben die Einträge der Fieldpalette-Felder... Na ja, wird schon, irgendwann...

Was ich damit sagen will, die Laderei von jquery im BE ist momentan etwas tückisch...

Da geht es um das Backend. Hier im Thread geht es um das Frontend.