Question

我已根据文档尝试了各种各样的事情，但无论我做什么，我似乎都无法暂停。

以下是文档说的内容：

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

但它没有指定如何定义滑块变量。我试过了：

    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

尝试$('.flex-slider').flexslider('pause')和$('.flex-slider').flexslider('play')。

Answer 2

嗨，我看到你关闭了选项

 pausePlay: false

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

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

现在您将看到滑块中出现播放暂停文本，其中有两个不同的付费和暂停类，只需使用css将您的图标图像添加到该类。你将获得所需的功能。

为什么我的jQuery Flex Slider暂停？

2 个答案: