我有一个问题,我希望有人可以帮助我。
它的意思 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,
谢谢!
答案 0 :(得分:2)
我使用'slickPlay'方法重新启动自动播放功能,如下所示:
$('.cc-slider-container').on('touchstart', e => {
$('.cc-slider-container').slick('slickPlay');
});
答案 1 :(得分:1)
我有一个类似的问题,我修复它的方法是添加:
.cc-slider-container { pointer-events: none; }
到css。
希望有所帮助!