点击“下一张”或“上一张”箭头后，slick滑块中的自动播放停止工作。

Question

我在网页上使用了Slick轮播插件。当我点击Slick轮播插件中的下一个或上一个箭头后，自动播放功能就停止了。但是，当我在页面的任何位置单击时，它又重新开始自动播放。我该如何解决这个问题？我需要在箭头点击后仍然能够自动播放。

JS:

    jQuery(document).ready(function ($) {

    var $slider = $('.slider');
    if ($slider.length) {
        $slider.slick({
            slidesToShow: 7,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 1500,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 3,
                        infinite: true,
                        autoplay: true,
                        autoplaySpeed: 1500
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        autoplay: true,
                        autoplaySpeed: 1500,
                        slidesToShow: 2,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        autoplay: true,
                        autoplaySpeed: 1500
                    }
                }
            ]
        });
    }
});

- Belial

Answer 1

要修复这个问题需要添加：

pauseOnFocus: false, 
pauseOnHover: false

- Belial