【问题标题】：Stop autoplay after clicking on dots in slick.js单击 slick.js 中的点后停止自动播放
【发布时间】：2016-10-07 03:00:59
【问题描述】：

所以，这是我用于滑块的代码：

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

我希望在用户点击任何点后，它会禁用自动播放。然后我尝试了这个：

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

但没有帮助。这是来自 jsFiddle 的DEMO。 slick.js 可以做到这一点吗？

【问题讨论】：

标签： javascript jquery slick.js

【解决方案1】：

试试这个

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

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

【讨论】：

见鬼 :) 谢谢，就是这样。

【解决方案2】：

从 github-forum 中的一个问题中，我看到您必须在使用 slick 初始化之前附加 init 事件。

$('.autoplay').on('init', function(slick) {
    $('.slick-dots').on('click',function() {
        $('.autoplay').slick('slickPause');
    });
}).slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    dots: true,
    autoplay: true,
    autoplaySpeed: 2000,
})

`DEMO HERE`

【讨论】：

【解决方案3】：

你可以使用

$('.slick').slick('slickPause');

暂停。你可以再玩一遍

$('.slick').slick('slickPlay');

【讨论】：