代码之家  ›  专栏  ›  技术社区  ›  Belial

自动播放滑动条在下一个或上一个箭头上单击后停止工作

  •  4
  • Belial  · 技术社区  · 6 年前

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

    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
                        }
                    }
                ]
            });
        }
    });
    
    1 回复  |  直到 6 年前
        1
  •  9
  •   Belial    6 年前

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

    pauseOnFocus: false, 
    pauseOnHover: false