如題，我在functions.php檔案裡面放了

<?php

function eric_enqueue_slick(){
    wp_enqueue_script( 'slick', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js', array('jquery') );
    wp_enqueue_style( 'slick-default-style', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css' );

}
add_action( 'wp_enqueue_scripts', 'eric_enqueue_slick' );
?>

然後在index.php放

  <ul class="your-class">
    <li><img src="images/02.JPG" alt=""></li>
    <li><img src="images/0011.jpg" alt=""></li>

  </ul>
  <script type="text/javascript">
 $('.your-class').slick();
			
  </script>

那個js我也換過官網提供的好幾個，但在網頁上就是完全沒效果，輪播的畫面完全跑不出來，就只是一般的ｈｔｍｌ列表效果而已，請問這是為什麼？？我哪裡做錯了嗎？