我有jquery循环插件,并被要求在鼠标悬停时暂停它。不幸的是,我有一个透明的图像悬停在整个幻灯片上(它是一个链接 - 点击幻灯片放映的任何地方,然后你去其他地方)所以我设置了以下代码:
jQuery("#holder").mouseenter(
function(){
jQuery("ul.cycle").cycle("pause");
}
).mouseleave(
function(){
jQuery("ul.cycle").cycle("resume");
}
);
如果我在短时间内徘徊,这是有效的,如果我将鼠标悬停超过构造函数中指定的超时时间,则系统不会重新启动。
我浏览了SO并遇到 this帖子:
出现此问题的原因是下一次迭代 在完成之前设置转换假设发生的位置 以前的过渡。在某些情况下,下一次过渡是在之前解雇的 在新的过渡开始时,前一个已经完成 只要有其他动画正在进行,就会有一个检查 - 如果 所以,该功能只会返回并停止(不设置下一个 迭代)。正在进行的动画完成后,幻灯片显示 被停止了,因为没有安排下一次过渡。
在使用'pause'后,如何循环重启当前幻灯片的计时器?