slider - 单击“下一个”或“上一个”箭头后,光滑 slider 中的自动播放停止工作

标签 slider slick.js

我的页面上有光滑的滑块。单击光滑滑块自动播放中的下一个或上一个箭头后,停止工作。但是当我点击页面上的任何地方时,它会再次开始自动播放。我该如何解决这个问题?即使在单击箭头后,我也需要自动播放。

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
                    }
                }
            ]
        });
    }
});

最佳答案

要解决此问题,需要添加:

pauseOnFocus: false, 
pauseOnHover: false

关于slider - 单击“下一个”或“上一个”箭头后,光滑 slider 中的自动播放停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49694204/

相关文章:

gatsby - 如何在 Gatsby 博客 Mdx 文件中导入图像(用于光滑的轮播)

jquery - 无法更改 Slick Carousel 中的 nextArrow 和 prevArrow

jquery - 光滑的 slider 箭头在响应模式下表现得像幻灯片

jQuery slider 在 FireFox 中不起作用

jquery - 在背景图片 slider 上自动播放

javascript - 使用 Bootstrap slider 获取范围值

jquery - 当 Slick 轮播上发生任何事件时,如何防止所有视频重新加载?

带有 Flexbox 的 jQuery 插件

wpf - 像 VLC 一样的音量 slider

javascript - 光滑图像 slider 中的随机幻灯片顺序