我正在使用Slick Carousel(https://kenwheeler.github.io/slick/),并且希望在单击“上一个”或“下一个”按钮时禁用自动播放。因此,在页面加载中,自动播放处于活动状态,但是一旦您单击prev或next按钮,自动播放就会设置为false(而不仅仅是暂停)。
查看我的参数:
$('.carrousel__container__mixMatch3').slick({
centerMode: true,
dots: false,
autoplay: true,
pauseOnHover: true,
autoplaySpeed: 3800,
adaptiveHeight: true,
centerPadding: '0',
cssEase: 'ease-in-out',
slidesToShow: 1,
variableWidth: true,
responsive: [
{
breakpoint: 767,
settings: {
arrows: false,
autoplay: false,
variableWidth: false,
dots: false,
infinite: false
}
}
]
});
我尝试添加以下代码:
$('.slick-prev, .slick-next').on('click', function(){
('.carrousel__container__mixMatch3').slick({autoplay: false})
});
但是没有运气,单击上一个或下一个按钮后,自动播放仍处于打开状态。
关于如何执行此操作的任何想法?