slickのレスポンシブで自動再生以外の切り替えが出来ない

実現したいこと

スマホでslickのスワイプが出来る様にしたいです

発生している問題・分からないこと

slickスライダーをスマホ表示にすると、スライドが効かなくなります。

responsiveで設定したarrowやdotsのture or falseは効いており、
またautoplayをtureにすると問題なく動くのですが、
autoplayをfalseにすると、arrowやdotsのクリックもスワイプも効かなくなってしまいます。

該当のソースコード

$(document).ready(function () { $('.concept-slider').slick({ dots: true, infinite: false, speed: 500, cssEase: 'linear', autoplay: false, adaptiveHeight: false, prevArrow: '<img src="./images/common/arrow.png" class="slide-arrow prev-arrow">', nextArrow: '<img src="./images/common/arrow.png" class="slide-arrow next-arrow">', dotsClass: "slide-dots", responsive: [{ // レスポンシブ対応に関する記述 breakpoint: 768, // ブレイクポイント 768px settings: { // その場合のオプション設定 arrows: false, } }] }); });

試したこと・調べたこと

上記の詳細・結果

検索で調べたレスポンシブが効かない際の対処法などは、試しましたが結果を得られませんでした。
また、swipe:ture,を記述してみる等試しましたが、解消できませんでした。

また、autoplayのみで動く現象は、類似の質問を見つけることができませんでした。

補足

pcは全て問題なく動作しています

コメントを投稿

0 コメント