Flexslider（jQuery的）：暂停自动动画

Question

我使用的是优秀的jQuery插件，Flexslider，创建网页上的旋转木马。除了一件事情之外，这一切都很完美：我希望滑块在用户单击页面上其他位置的指定链接时自动停止动画。

这甚至可能吗？

Answer 1

在与该jQuery插件功能列表有：

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

不知道，但我想你可以使用此功能停止的效果，像这样：

$(#elm).flexslider().pause(); 

你可以在高级选项卡的网页上看到带有flexslider插件属性的列表。

Answer 2

确实有可能。
在此示例中，当您单击幻灯片时，它会停止，只需将点击事件绑定到您喜欢的页面链接即可。

$('.flexslider .slides > li').click(function() { 
    $('.flexslider').flexslider("pause"); 
}); 

Answer 3

您希望滑块停止在页面上其他地方的特定链接被点击时。让我们假设链接有一类“一些链接”的，让我们还假设你flexslider有“flexslider”的CLAS，在这种情况下，你可以使用下面的JS代码片段：

$('.some-link').click(function() { $('.flexslider').flexslider("pause"); });

你希望确保代码位于$(document).ready(function() { ... })之内，或者脚本位于您的网页上与具有“some-link”类链接的html下方。否则，添加该点击事件的选择器将不会匹配任何内容（因为它不会存在）。

顺便说一句，从@Guern该方案对如何实际暂停flexslider最重要的信息，但你的问题问的一个步骤。尽管已经两岁了，但我现在正在回答这个问题，因为它是在谷歌搜索中出现的。