###前提・実現したいこと
ここに質問したいことを詳細に書いてください
こんにちは。js初心者です。
現在slickのプラグインを使ってカルーセルを作成しており、
ウィンドウサイズで振り分けて、スマホサイズ時はカルーセルを実装、
PCサイズでは解除となるように設定をしたいと思っております。
###発生している問題・エラーメッセージ
slickのオプションの中に'unslick'がありますが、それだけではPC時の解除が出来なかったため、
同じく備え付けのメソッドにて解除しようと思ったのですが、入力したところ、
'Uncaught ReferenceError: unslick is not defined'
というエラーメッセージが出てしまいました。
###該当のソースコード
$(function(){ 'use strict'; var slideElmt = $('.area_outview .area_contents'), maxWidth = 767, slickVar = { responsive: [{ breakpoint: 767, settings:{ slidesToShow: 1, slidesToScroll: 1, autoplay: false, centerPadding: 0, dots: false, arrows: true, infinite: false, centerMode: false, prevArrow: '<div class="prev_button">〈</div>', nextArrow: '<div class="next_button">〉</div>' } },{ breakpoint: 1980, settings:'unslick' }] }, runSlick = function() { slideElmt.slick(slickVar); }, unslick = function() { slideElmt.slick('unslick'); }; $(window).on('load resize', function(){ var width = window.innerWidth; if(width > maxWidth) { unslick(); }else{ runSlick(); } }); });
###補足情報
公式サイトにも'unslick'のメソッドの記載が確かにあるので、
きっと単に私の書き方が悪いのだとは思うのですが。。。
もしお分かりの方がいらっしゃいましたら、ご教示いただけますと幸いです。
よろしくお願いいたします。