javascript - 为什么我的 jQuery Flex Slider 没有暂停？

Question

我已经根据文档尝试了各种方法，但无论我做什么，我似乎都无法让它暂停。

文档内容如下:

        slider.pause()    //Function: Pause slider slideshow interval
        slider.play()    //Function: Resume slider slideshow interval

但它没有指定如何定义 slider 变量。我试过:

    var slider = $('.flex-slider').flexslider({
        animation: "slide",
        easing: "swing",
        direction: "horizontal",
        animationLoop: true,
        slideshow: true,
        animationSpeed: 600,
        slideshowSpeed: 1200,
        controlNav: false,
        directionNav: false,
        pausePlay: false
    });

    $('.pause-button').on('click',function({
        slider.pause();
    });

这导致... http://puu.sh/4qpo3.png

我已经尝试过:

        $('.flex-slider').flexslider().pause();

这导致... http://puu.sh/4qpcS.png

我已经尝试过:

        $('.flex-slider').flexslider().pause(true);

这导致... http://puu.sh/4qpcS.png

总而言之，我只是不明白我到底做错了什么。

有人想提供一些见解吗？ :)

Answer 1

嗨，我看到您关闭了该选项

 pausePlay: false

现在编辑一些东西。首先打开该选项

pausePlay: true,
pauseText :"Pause",
playText  :"Play",

现在您将看到 slider 中出现播放暂停文本，有两个不同的付费和暂停类，只需使用 css 将图标图像添加到该类即可。您将拥有您想要的功能。