slickでレスポンシブ覚書

• slick - the last carousel you'll ever need

①通常のSPもPCもスライドさせる、設定だけ変える

    $ele.slick({
      centerMode: true,
      slidesToShow: 1,
      variableWidth: true,
      infinite: true,
      responsive: [
        {
          breakpoint: 768,
          settings: {
            dots: true
          }
        }
      ]
    });

②SPのみスライド

slickの機能でできる

• スマホのときはslickを無効にする

③PCのみスライド

これが厄介

• slick.jsを使用したスライダをスマホでは適用させてPCでは静止画表示にする方法 | ジーニアスブログ – WEB制作会社ジーニアスウェブのお役立ちブログ

そのままだと

Uncaught TypeError: Cannot read property 'add' of null
と言うエラーが出る

• slick.js で Uncaught TypeError: Cannot read property 'add' of null のエラーがでる | Proglad

    if (window.innerWidth <= 768){ //PC
      $ele.not('.slick-initialized').slick({
        centerMode: true,
        slidesToShow: 1,
        variableWidth: true,
        infinite: true,
        dots: true
      });
    } else { //SP
      $('.ele.slick-initialized').slick('unslick');
    }