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

时间:2018-01-23 13:05:18

标签: javascript android ios slick-slider

我有一个问题,我希望有人可以帮助我。

它的意思 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上,当我触摸滑块滚动页面时,自动播放停止并且永远不会恢复。

有人有什么建议吗?

我正在使用光滑版本1.8.0,

谢谢!

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

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

到css。

希望有所帮助!