Slick.js のスマホでのスワイプが機能してくれません。

Question

Slick.js を使用して、スライダーの機能を実装しています。
設定は以下のように考えています。
①自動スライドOFF
②ループなし
③左右矢印でスライドできる
④スワイプでもスライドできる

基本的に問題なく機能しているのですが、
このうち、スマホで見た際に「③矢印でのスライド」はできるものの、「④スワイプでスライド」が反応しません。
（PCのデベロッパーツールで確認すると、スマホ表示でスワイプができます。）

以下のように記述しています。

$(function() {
	$('.single-item').slick({
		autoplay: false,
		speed: 1000,
		centerMode: true,
		centerPadding: '0',
		accessibility: true,
		arrows: true,
		swipe: true,
		infinite: false,
		swipeToSlide: true,
	});
});

不慣れで、調べきれず質問させていただきましいただきました。
よろしくお願いします。

Answer 1

上記のHTML、JSを使ってiphone、androidの両方でやってみましたが、問題なくスワイプで動かすことができました。
スワイプする要素の上に何か乗ってしまっているのか、ブラウザやデバイスが古いなどが原因だと思います。

<div class="single-item">
    <div>コンテンツ01</div>
    <div>コンテンツ02</div>
    <div>コンテンツ03</div>
    <div>コンテンツ04</div>
    <div>コンテンツ05</div>
</div>

$(function() {
    $('.single-item').slick({
        autoplay: false,
        speed: 1000,
        centerMode: true,
        centerPadding: '0',
        accessibility: true,
        arrows: true,
        swipe: true,
        infinite: false,
        swipeToSlide: true,
    });
});

Comments

[yuki_xxx]

jaaaaackさん
ご回答ありがとうございます！
わざわざ試してくださってありがとうございます！！

こちらで組んだものですが、どうやらiPhoneのみで不具合が起きているようです。
iPhone7,8,Xで不具合を確認したのですが、
Androidのスマホだと普通にスワイプできました。
このような場合、iPhone用のスクリプトなどあったりするのでしょうか…？
ご存知でしたら、ご教示いただけたら幸いです！

[yuki_xxx]

すみません、たった今解決しました！
以下の記事の記述を加えたら解決しました！
https://qiita.com/tscp/items/20dde521ffca020250c6

お騒がせして、すみませんでした。
ご回答ありがとうございました！