Contao 4.7.2 - Problem mit jQuery in NUR 1 Seitenlayout
Hallo,
seit gestern stolpere ich über ein Problem mit jQuery in einem meiner beiden Seitenlayouts auf der Seite: https://www.luetten-dieks-carlito.eu.
Im Layout der Hauptseite habe ich einige Snippets eingebunden, z.B.
Code:
<script>
$(window).on('scroll', function(){
$(".fade-out").css("opacity", 1 - $(window).scrollTop() / $(".header-image").height());
});
</script>
<script>
$(document).on('contextmenu', function() {
return false;
});
</script>
<script>
$(document).ready(function() {
var _iOSDevice = !!navigator.platform.match(/(iPad|iPhone|iPod)/);
_iOSDevice ? $('body').removeClass('not_iOS').addClass('is_iOS') : $('body').removeClass('is_iOS').addClass('not_iOS')
});
</script>
Die Webseite verhält sich beim Scrollen in Safari 12.1 unter MacOs Mojave seit gestern sehr "flickering", in der Javascript Console habe ich zudem die Fehlermeldungen:
Zitat:
TypeError: $ is not a function. (In '$(window)', '$' is undefined)
TypeError: $ is not a function. (In '$(document)', '$' is undefined)
Die JQuery-Lib ist geladen, die Snippets funktionieren im Layout der Datenschutz- und Impressumsseiten einwandfrei (d.h. KEINE FEHLER in der Console) und taten das bis gestern auch auf der Hauptseite.
Die "Kapselung" der Snippets mit:
Code:
(function ($) {
...
})(jQuery);
beseitigt zwar die Fehler in der Console auf der Hauptseite, nicht aber das Flackern der Hauptseite beim Scrollen ... Im Layout der Datenschutz-/Impressumseite ist das nicht erforderlich, die Snippets werfen keinen Fehler und es gibt auch kein Flackern, nicht einmal unter Safari ...
In Chrome und FF (jeweils neueste Version) wirft jQuery (nur auf der Hauptseite) zwar die gleichen Fehlermeldungen, beide Browser zeigen aber nicht das Flackern ...
Hat jemand von Euch eine Idee, wo ich suchen muss, vielen Dank an Euch für jede Hilfestellung!
Ursache ist wohl das "jQuery.noConflict()" Statement
Hallo Hagen,
seit dem letzten Issue weißt Du ja, dass ich ein "Spielkind" bin ...
Ich habe im Template "mod_ticker.html5" mal die Zeile 14
Code:
jQuery.noConflict();
auskommentiert und siehe da, die Fehlermeldungen sind weg, d.h. meine Snippets werfen keinen typeerror mehr.
Könnte es sein, dass sich diese Anweisung mit dem Sachverhalt beißt, dass "telex.js" seit der V2.0 pure Javascript und kein jQuery Plugin mehr ist? ist nur der vage Verdacht eines Ahnungslosen :rolleyes:
