如何停止 FlexSlider 中的幻灯片动画？答案

【问题标题】：How do I stop the slide animation in FlexSlider?如何停止 FlexSlider 中的幻灯片动画？
【发布时间】：2014-04-09 14:01:15
【问题描述】：

我正在使用 FlexSlider 进行三张幻灯片放映，我正在尝试以编程方式使其暂停和恢复。我该怎么做？

基本上，我试图在用户弹出模式时让它停止，所以停止将进入 .click() 函数。

【问题讨论】：

你能发布一些代码来展示你到目前为止所做的尝试吗？
我什至不知道要尝试什么代码。文档不是很清楚。没有“停止动画，执行此操作；重新启动，执行此操作。”
好的。但是您目前能够以某种方式启动动画吗？这段代码是什么样的？
动画自动开始。代码：$('.flexslider').flexslider({ animation: "slide", pauseOnAction: false, slideshowSpeed: 3000 });
[这就是我要找的东西！我需要使用更好的搜索词！][1] [1]：stackoverflow.com/questions/9608844/…

标签： jquery animation slideshow

【解决方案1】：

尝试在 flexslider jQuery 对象上调用 pause()，例如：

var mySlider =  $('.flexslider').flexslider({
    animation: "slide",
    pauseOnAction: false,
    slideshowSpeed: 3000
});

$('#pause_button').on('click.forMySlider'
    ,function(){ mySlider.pause(); });

取自 Flexslider 的开发者网站。

【讨论】：

不，不起作用。该脚本来自另一个文件，并认为“mySlider”未定义。如果作为一个实验，我将点击事件移动到同一个脚本中（当网站处于活动状态时这是不可能的），我会被告知“mySlider.pause 不是一个函数”。事实上，将您的代码复制并粘贴到那里会给我带来上述“不是函数”的问题。