@matsuyas0120

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

slickでスライドを実行したい

解決したいこと

slickでスライドを実行したい

発生している問題・エラー

Uncaught TypeError: $(...).slick is not a function
    at HTMLDocument.<anonymous> (index.html:196:20)
    at e (jquery-3.7.0.min.js:2:26990)
    at t (jquery-3.7.0.min.js:2:27292)

jquery-3.7.0.min.js:2 jQuery.Deferred exception: $(...).slick is not a function TypeError: $(...).slick is not a function
    at HTMLDocument.<anonymous> (file:///Users/sousuke/turven.Site/index.html:196:20)
    at e (https://code.jquery.com/jquery-3.7.0.min.js:2:26990)
    at t (https://code.jquery.com/jquery-3.7.0.min.js:2:27292) undefined

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード


<script defer src="js/main.js"></script>
  <!-- slick js link -->
  <script src="https://code.jquery.com/jquery-3.7.0.min.js"
    integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous">
  </script>
  <script>
    $(document).ready(function () {
      $('.slider').slick();
    });
  </script>

自分で試したこと

エラーを調べてみたりしましたがプログラミング初心者でslickも使うのが初めのため解決できませんでした。
youtubeでslickの使い方をみんながら学習を進めていましたが手順通りにやったのですがエラーが出て動かない状態です。
slickはCDNを使って実行しています。
ご教授いただけますと幸いです。

0 likes

1Answer

slickはCDNを使って実行しています。

「該当するソースコード」を見る限りどこにもありませんが? だから $(...).slick is not a function というエラーになっているように思えますけど。

1Like

Comments

  1. @matsuyas0120

    Questioner

    コメントありがとうございます。
    @SuferOnWwwさんのコメントをもとに修正したら動きました!!
    初歩的なミスでした、
    大変助かりました!
    ありがとうございます!
    また、ご教授いただけますと幸いです!!

Your answer might help someone💌