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:
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!
Lesezeichen