javascript - Flexslider(jQuery): Pausing automatic animation

标签 javascript jquery html flexslider

我正在使用优秀的 jQuery 插件 Flexslider ,在网页上创建轮播。除了一件事之外,一切都很完美:我希望当用户单击页面上其他位置的给定链接时 slider 自动停止动画。

这可能吗?

最佳答案

您希望当单击页面上其他位置的特定链接时 slider 停止。假设 link 有一个“some-link”类,并且假设您的 flexslider 有一个“flexslider”类,在这种情况下,您可以使用以下 JS 片段:

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

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

顺便说一句,@Guern 的解决方案提供了有关如何实际暂停 flexslider 的最重要信息,但您的问题是要求再执行一步。尽管我已经两岁了,但我现在正在回答这个问题,因为它出现在谷歌搜索中。

关于javascript - Flexslider(jQuery): Pausing automatic animation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10515750/

相关文章:

php - jQuery 文件上传 - 带有特殊字符的 blueimp 文件名

javascript - 为什么我必须使用窗口。前缀在这里?

javascript - 当字符串在双引号中包含单引号时,如何在 Javascript 中将此字符串转换为 JSON 对象

javascript - 如何使用 enzyme 和 jest 测试 onChange 输入事件

javascript - Javascript/Jquery 中的 setTimeout

javascript - 在 div 上显示列表项

c# - 将数组传递给 ASP.NET Core 中的数据属性

html - 如何防止网格行跨度改变列位置?

html - 为什么 div 采用 float 元素的尺寸?

javascript - example.com 中的 setcookie(),在 www.example.com 中找不到 cookie