Slick Karussell für WordPress

Question

Ich versuche, das glatte Karussell in WordPress arbeiten, habe ich die Dateien aus der CDN enqueued und sie werden ss of slick.js and css files gefunden die Struktur ist in der Vorlage Datei im Einsatz, dann habe ich den Anruf vor dem schließenden Körper Tag, alle Dateien scheinen gefunden zu werden, aber der Slider wird nicht funktionieren, gibt es etwas, was ich falsch mache oder interferiert Wordpress normalerweise so? ich möchte kein plugin verwenden, da ich später darauf eingehen möchte.

<div class="slider"> 
    <div>your content</div> 
    <div>your content</div> 
    <div>your content</div> 
</div> 

<script> 
    $(document).ready(function(){ 
    $('.slider').slick({ 
     slidesToShow: 3, 
     slidesToScroll: 1, 
     autoplay: true, 
     autoplaySpeed: 2000, 
     }); 
    }); 
</script> 

Answer 1

Ist Ihre $('.slider').slick... Funktion vor oder nach dem slickjs vom CDN geladen wird aufgerufen wird? Du hast gesagt, Slick lädt vor dem abschließenden Body-Tag. Wenn Ihr Anruf vor Slick geschieht geladen (dh vor <script...> -Tags glatt, wird es nicht funktionieren

Sie werden müssen.

1. Verschieben slickjs im Header zu laden, bevor Sie es nennen oder
2. Code nach unten bewegen, nachdem slickjs geladen wird.

Obwohl Sie es in $(document).ready... nennen, bedeutet dies, dass alle der DOM-Elemente geladen wurden, aber es muss nicht unbedingt bedeutet, dass alle der externen Skripte sein en geladen. Datei-/Lade-Reihenfolge spielt immer noch eine Rolle und dies ist wahrscheinlich Ihr Problem.