javascript - Flexslider在鼠标悬停时恢复幻灯片放映

我想设置flexslider，使其在鼠标悬停时开始/恢复自动幻灯片放映，在鼠标悬停时暂停它。恰好与正常行为相反。 :D

所以我有这个问题:
TypeError:“未定义”不是函数(评估“slider.resume()”)
并且在互联网上搜索并没有产生任何结果。

我的脚本是:

    $( document ).ready(function() {
    var $slider = $('.flexslider');

    $slider.flexslider({
    controlNav: false,
    directionNav: false,
    slideshow: true,
    slideshowSpeed: 500,
    animationSpeed: 300,
    /*randomize: true,*/
    controlsContainer: ".flex-container",
    start: function(slider) {
        slider.pause();
        slider.mouseover(function() {
        slider.resume();
    });
  },
});

});

任何指向正确方向的指针都会有所帮助。

卢卡

*更新...我找到了一个可行的解决方案...如果有人想知道这是:

start: function(slider) {
        slider.pause();
        slider.manualPause = true;
        $slider.mouseover(function() {
            slider.manualPause = false;
            slider.play();
        });
        $slider.mouseout(function() {
            slider.manualPause = true;
            slider.pause();
        });
  }

卢卡

最佳答案

我找到了一种可行的解决方案:

start: function(slider) {
        slider.pause();
        slider.manualPause = true;
        slider.mouseover(function() {
            slider.manualPause = false;
            slider.play();
        });
        slider.mouseout(function() {
            slider.manualPause = true;
            slider.pause();
        });
  }