it-swarm.com.de

JavaScript-Datei wird vor dom nicht geladen

Ich versuche, ein flottes Karussell dazu zu bringen, an meinem Joomla 3.4 zu arbeiten. Ich habe das auf einer Testseite ohne Joomla gemacht und es hat gut funktioniert! Ich habe alles versucht! Das Problem scheint, als würde das Skript geladen, bevor der Dom oder eine bestimmte Sache auftaucht. Die slick.js wird also nicht begeistert. Auch an dem HTML- oder Slick-Code, der bereits auf einer anderen Site getestet wurde, ist nichts auszusetzen.

chrome console show Cannot read property 'slick' of null Das JavaScript ist sehr einfach, es heißt slickme.js und verwendet slick.min.js

 $('.slidequiz').slick({
       dots: false,
    accessibility: false,
    infinite: false,
    draggable:false,
    speed: 500,
    mobileFirst: true,

    slidesToShow: 1,
    slidesToScroll: 1
  });

Was ich schon ausprobiert habe:

  1. mit $(window).load(function(){...});

  2. using $(window).bind("load", function() {....}); Oder $( document ).ready(function() {...}); chrome console löst einen Fehler aus $(...).ready is not a function

  3. using $(function() {..} nichts scheint zu passieren und keine Konsolenfehler, aber das glatte Karussell hat nicht funktioniert und der Dom wurde von den js nicht modifiziert.

  4. Es wurde versucht, das Skript in ein Inline-Skript innerhalb des Artikels zu ändern

  5. Versucht, den Ort des Skriptladens auf den Kopf und dann auf den Körper zu ändern. Ich verwende eine Vorlage und habe dazu im Vorlagenbereich benutzerdefinierte Skripte hinzugefügt.

Derzeit befindet sich das JS-Skript in einer separaten Datei namens slickme.js, die mit der Bibliothek slick.min.js am Ende des Body-Tags geladen wird. Meine Joomla-Website

Jede Hilfe wird sehr geschätzt. Vielen Dank!

2
zeidanbm

Ich habe gerade eine Lösung gefunden. ich benutzte

jQuery( document ).ready(function( $ ) { // Code goes here });

Ich denke, jQuery.noConflict(); wurde in einem anderen Skript ausgelöst.

2
zeidanbm