javascript - 在移动设备/平板电脑上触摸时，Slick Slider 自动停止播放

Question

我有一个问题，希望有人能帮助我。

这是关于 Slick Slider

我有一个 slider 设置为自动播放，并且 pauseOnHover 和 pauseOnFocus 都设置为 false。

这是我的代码:

$('.cc-slider-container').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay:true,
autoplaySpeed:5000,
pauseOnHover:false,
pauseOnFocus:false
});

这在具有自动播放功能的桌面上按预期工作，即使它悬停也是如此。但是在移动设备 (android) 和 ipad 上，当我触摸 slider 滚动页面时，自动播放停止并且永远不会恢复。

有人有什么建议吗？

我正在使用 slick 版本 1.8.0，

谢谢!

Answer 1

我使用“slickPlay”方法重新启动自动播放功能，如下所示:

$('.cc-slider-container').on('touchstart', e => {
  $('.cc-slider-container').slick('slickPlay');
});