我已经根据文档尝试了各种方法,但无论我做什么,我似乎都无法让它暂停。
文档内容如下:
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
总而言之,我只是不明白我到底做错了什么。
有人想提供一些见解吗? :)
最佳答案
嗨,我看到您关闭了该选项
pausePlay: false
现在编辑一些东西。首先打开该选项
pausePlay: true,
pauseText :"Pause",
playText :"Play",
现在您将看到 slider 中出现播放暂停文本,有两个不同的付费和暂停类,只需使用 css 将图标图像添加到该类即可。您将拥有您想要的功能。
关于javascript - 为什么我的 jQuery Flex Slider 没有暂停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18794096/