Slick Carousel for WordPress

Question

WordPressで滑らかなカルーセルを動かそうとしていますが、私はcdnからファイルをエンキューしています。ss of slick.js and css files構造がテンプレートファイルにあります。タグは、すべてのファイルが見つかりましたが、スライダは動作しません、何か間違ってやっているのですか？私はこれを後で拡張したいので、プラグインを使いたくない。 slickjsがCDNからロードされる前または後に

<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

はあなたの$('.slider').slick...関数が呼び出されていますか？あなたはslickがbodyタグの前に読み込んでいると言っています。スリックがロードされる前にコールが起こっている場合（つまり、ツルツルの<script...>タグの前に、それは動作しません

をあなたはする必要があります。あなたはそれを呼び出す前に、

1. 移動slickjsがヘッダにロードするために、または
slickjsがロードされた後あなたは $(document).ready...でそれを呼び出すけれども

が、これはDOM要素のすべてがロードされていることを意味します。下にコードを移動し

が、それは必ずしも、すべてのことを意味しません。外部スクリプトのロードされる。ファイル/読み込み順序は依然として重要で、これはおそらくあなたの問題です。