slickのレスポンシブ関係で謎のバグが起きたとき

結論:「slick.min.js」じゃなくて「slick.js」を読み込む。

参考サイト:
slick.jsを使ってレスポンシブrows2行→rows1行にするとき詰んだメモ|YUILOG

 

今回の案件:とやま観光ナビ外国語版モデルコースCMS

slickバージョン:1.8.1

 

slickのレスポンシブでslidesToShowとslidesToScrollを4→3→2と変更したかった。

4は問題なく動いたが、3と2の時、スライドの1番左に空欄ができてしまった。

公式のレスポンシブ部分をコピペしてもダメで、上野さんに見てもらっても原因不明。

「slick 1.8.1 バグ」で検索してようやく上記の記事にたどり着いた。

何をやっても直らない謎のバグが出たときは、「slick.min.js」じゃなくて「slick.js」を読み込んでみると直るかも。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です