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

Question

我有一个问题希望有人能帮我解决。

关于 Slick Slider

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

这是我的代码：

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

即使它悬停在桌面上，它也可以在具有自动播放功能的桌面上正常工作。然而，在移动设备 (android) 和 ipad 上，当我触摸滑块滚动页面时，自动播放会停止并且永远不会恢复。

有人有什么建议吗？

我使用的是 slick 版本 1.8.0，

谢谢！

Answer 1

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

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

Answer 2

我有一个类似的问题，我修复它的方法是添加：

.cc-slider-container { pointer-events: none; }

到 css。

希望有帮助！