我正在使用优秀的 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/