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});
回答2件
あなたの回答
tips
プレビュー