Javascript swiper.js |鼠标进入时停止swiper幻灯片自动播放，鼠标离开时开始自动播放

如何在鼠标进入时停止滑动滑梯自动播放，在鼠标离开时启动自动播放？我尝试过.stopAutoplay（）和.startAutoplay（）函数，但对我不起作用

这是我的输出：

下面是js代码：

<script>
            var slider = new Swiper ('#slider', {
            slidesPerView: 1,
            autoplay: 1000,
            spaceBetween: 0,
            loop: true,
            loopedSlides: 6,
            centeredSlides : true,
          　disableOnInteraction: true,
            autoplayDisableOnInteraction: false,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: '1.3',
            breakpoints: {
              600: {
                slidesPerView: 1
              }
            }
            });

            var thumbs = new Swiper('#thumbs', {
                centeredSlides: true,
                spaceBetween: 10,
                loopedSlides: 6,
                loop: true,
                slidesPerView: "auto",
                touchRatio: 0.2,
                slideToClickedSlide: true,
                breakpoints: {
                 600: {
                   slidesPerView: 3
                 }
            }
            });

            slider.params.control = thumbs;
            thumbs.params.control = slider;

              $("#slider").mouseenter(function() {
                slider.autoplay.stop();
              });

              $("#slider").mouseleave(function() {
                slider.autoplay.start();
              });

              $("#thumbs").mouseenter(function() {
               thumbs.autoplay.stop();
             });

              $("#thumbs").mouseleave(function() {
                thumbs.autoplay.start();
              });

    </script>

var slider=新开关（“#slider”{
幻灯片视图：1，
自动播放：1000，
间距：0，
循环：对，
循环幻灯片：6张，
中心幻灯片：对，
　disableOnInteraction：正确，
autoplayDisableOnInteraction:false，
下一个按钮：'.swiper按钮下一个'，
prevButton:“.swiper button prev”，
SlideService视图：“1.3”，
断点：{
600: {
SlideService视图：1
}
}
});
var thumbs=新开关（“#thumbs”{
中心幻灯片：对，
间隔时间：10，
循环幻灯片：6张，
循环：对，
SlideService视图：“自动”，
接触比：0.2，
slideToClickedSlide:true，
断点：{
600: {
幻灯片浏览：3
}
}
});
slider.params.control=拇指；
thumbs.params.control=滑块；
$（“#滑块”）.mouseenter（函数（）{
slider.autoplay.stop（）；
});
$（“#滑块”）.mouseleave（函数（）{
slider.autoplay.start（）；
});
$（“#拇指”）.mouseenter（函数（）{
thumbs.autoplay.stop（）；
});
$（“#拇指”）.mouseleave（函数（）{
thumbs.autoplay.start（）；
});

尝试使用从实例返回的

$el

元素。它很好用

slider.$el.on('mouseover', () => {
    slider.autoplay.stop();
});

slider.$el.on('mouseleave', () => {
    slider.autoplay.start();
});

检查此示例：

---

请尝试将autoplayDisableOnInteraction设置为true，而不是mouseenter。