单击slick.js中的点后停止自动播放 [英] Stop autoplay after clicking on dots in slick.js

问题描述

因此，这是我用于滑块的代码:

So, this is code I use for slider:

$('.autoplay').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 2000,
    dots: true
});

我希望在用户单击任意点后，它将禁用自动播放.然后我尝试了这个:

And I want that after user clicks on any dot, it will disable autoplay. Then I tried this:

$('.autoplay').on('init', function() {
    $('.slick-dots').click(function() {
        $('.autoplay').slick('autoplay', false);
    });
});

但是没有帮助.这是jsFiddle的演示. slick.js有可能吗?

But no help. Here is DEMO from jsFiddle. Is this possible with slick.js?

推荐答案

尝试一下

$('.autoplay').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 1000,
    dots: true
});

$('.slick-dots').on('click', function() {
    $('.autoplay').slick('slickPause');
});

这篇关于单击slick.js中的点后停止自动播放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！