Javascript Flexslider(jQuery):暂停自动动画
我正在使用优秀的jQuery插件在网页上创建旋转木马。除了一件事之外,所有这些都可以完美地工作:我希望当用户单击页面其他地方的给定链接时,滑块自动停止动画Javascript Flexslider(jQuery):暂停自动动画,javascript,jquery,html,flexslider,Javascript,Jquery,Html,Flexslider,我正在使用优秀的jQuery插件在网页上创建旋转木马。除了一件事之外,所有这些都可以完美地工作:我希望当用户单击页面其他地方的给定链接时,滑块自动停止动画 这可能吗?在该jQuery插件的函数列表中有: slider.pause() //Function: Pause slider slideshow interval 不确定,但我认为您可以使用此功能停止效果,如下所示: $(#elm).flexslider().pause(); 您可以在他们的网页上的高级选项
这可能吗?在该jQuery插件的函数列表中有:
slider.pause() //Function: Pause slider slideshow interval
不确定,但我认为您可以使用此功能停止效果,如下所示:
$(#elm).flexslider().pause();
您可以在他们的网页上的高级选项卡上看到flexslider插件属性列表。确保这是可能的。在本例中,当您单击幻灯片时,它停止,只需将单击事件绑定到您喜欢的页面链接
$('.flexslider .slides > li').click(function() {
$('.flexslider').flexslider("pause");
});
单击页面其他位置的特定链接时,您希望滑块停止。让我们假设link有一个“some link”类,也假设flexslider有一个“flexslider”类,在这种情况下,您可以使用以下JS代码段:
$('.some link')。单击(函数(){
$('.flexslider').flexslider(“暂停”);
});
您需要确保代码位于$(document).ready(function(){…})
中,或者脚本位于页面上具有“some link”类链接的html下方。否则,添加该单击事件的选择器将不匹配任何内容(因为它还不存在)
顺便说一句,@Guern的解决方案提供了关于如何实际暂停flexslider的最重要信息,但您的问题是要求多做一步。尽管我只有2岁,但我现在回答这个问题,因为它是在谷歌搜索中出现的。这不会暂停滑块。