JQueyのスライダーの中でもレスポンシブ対応で動作が安定して使いやすいslick.jsですが、スマホのみ動作させたい場合どのようにすればいいのか調べてみました。調査して分かったことを紹介していきますので、slickをスマホのみ適用したい方はご参考にしていただければと思います。 slickをスマホ時のみ動作させる方法 前置きとしてslick.jsは下記が公式サイトとなります。 ファイルのダウンロードや、基本的な使い方などは公式サイトをご参考ください。 slick公式サイトはこちら テーマに戻りますが、slickをスマホ時のみ動作させる方法です。 下記コードをhead内に直接記述するか、JSファイル内に記述してください。 $(function(){ function sliderSetting(){ var width = $(window).width(); if(width <= 769
![slickをレスポンシブにおいてスマホ時のみ動作する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d509bab43b6cb1df1d5e9b8cf5a88ca90524de4/height=288;version=1;width=512/https%3A%2F%2Ffractales.jp%2Fwp-content%2Fuploads%2F2020%2F07%2F20200715-14.jpg)