エラーが示している状況がわからない

slick.jsをつかって、PCではスライダーに、スマホではただ画像を並べただけの状態にしたいと思い
調べたコードで実装しましたが、エラーが出ています。
しかし、希望の動作は実現できているのですが、このままでも大丈夫なのでしょうか？
fullpageのところをslickに変えただけなので、それだけでは駄目だったでしょうか。
エラーメッセージを調べても分からなかったため、ご教授いただければ幸いです。
よろしくお願いいたします。

発生している問題・エラーメッセージ

    Uncaught TypeError: $.fn.slick.setResponsive is not a function
    at responsive (index.html:777)
    at index.html:769
    at dispatch (jquery.js:3)
    at r.handle (jquery.js:3)

該当のソースコード

↓このコードを参考にしました。

jquery
1$(function(){
2  $('#fullpage').fullpage();
3 
4  $(window).on('load resize', function () {
5    responsive();
6  });
7  
8  function responsive() {
9    var w = $(window).width();
10    if ( w <= 768 ) {
11      $.fn.fullpage.setResponsive(true);
12    } else {
13      $.fn.fullpage.setResponsive(false);
14    }
15  }
16  
17});

↓下記はslick用に書き換えたつもりなのですが、違っていますでしょうか？
「index.html 777」は「$.fn.slick.setResponsive(false);」で、
「index.html 769」は「responsive();」でした。

jquery
1$(function(){
2
3  $('.slider').slick({
4      slidesToShow: 4,
5      slidesToScroll: 1,
6      autoplay: true,
7      autoplaySpeed: 4000,
8  });
9 
10  $(window).on('load resize', function () {
11    responsive();
12  });
13
14  function responsive() {
15    var w = $(window).width();
16    if ( w <= 768 ) {
17      $.fn.slick.setResponsive(true);
18    } else {
19      $.fn.slick.setResponsive(false);
20    }
21  }
22  
23});

yoorwm

2018/10/18 02:59

slickは読み込んでいますか？

退会済みユーザー

2018/10/18 03:16

ありがとうございます。再度確認しましたが、読み込んでいました。pcサイズにしたときにスライダーが動いているので、読み込んではいるのかと思います。

x_x

2018/10/18 03:19

fullpageというのは https://alvarotrigo.com/fullPage/ ですか？　slickと何か関係あるのでしょうか？

退会済みユーザー

2018/10/18 03:33

はい、fullpageはfullpage.jsのことです。slick.jsとは関係ないですが、同じjqueryのプラグインということで、slick.jsでも応用できるのかと思い、コードを参考にしました。分かりにくくて申し訳ありませんが、fullpageとかslickとか種類は何でもよくて、とにかくjqueryのプラグインをウィンドウサイズで無効・有効にしたいという質問内容でした。そもそもfullpageを例に書かれたコードを参考にしたのが悪かったですか？