slick 슬라이더 오류문제... 채택완료

</p>

<p><link rel="stylesheet" type="text/css" href="/css/slick.css">

<link rel="stylesheet" type="text/css" href="/css/slick-theme.css">

<script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script></a>

 <script type="text/javascript" src="/js/slick.min.js"></script></p>

<p>

</p>

<p><div class="multiple-items"></p>

<p>     <? 테이블에서 값을 조회하는 php ?>

          <div class="col-md-4">

                   <a href="">

                   <img  width="100%" class="img-responsive" src="<?=$src?>">

                  <h3><?=$title;?></h3>

                  <p><?=$content;?></p>

                  </a>

        </div>

   <?}?>

</div></p>

<p>

</p>

<p><script>

$(document).ready(function(){

          $('.multiple-items').slick({  <-- 이 부분 .slick에 에러

          infinite: true, //양방향 무한 모션

          speed:500, // 슬라이드 스피드

          autoplay: true, //자동플레이 유무( false시 자동플레이 안됨 )

          slidesToShow: 3, //한 화면에 보여줄 아이템수

          slidesToScroll: 1, // 한번에 슬라이드 시킬 아이템 개수

          arrows: false //좌우 화살 버튼 노출 여부 ( false 시 안보임 )

      });

});

</script></p>

<p> </p>

<p> </p>

<p>(index):469 Uncaught TypeError: $(...).slick is not a function

    at HTMLDocument.<anonymous> ((index):469)

    at i (jquery.min.js:2)

    at Object.fireWith [as resolveWith] (jquery.min.js:2)

    at Function.ready (jquery.min.js:2)

    at HTMLDocument.K (jquery.min.js:2)</p>

<p>