jQuery循环 - 在悬停时开始(从头开始),在hoverout上停止

时间:2012-03-23 09:06:50

标签: jquery-cycle

我有一个缩略图列表,其中包含一个隐藏的弹出式容器,仅当我将鼠标悬停在它们上方时才会显示。该容器包含<ul> <li>的{​​{1}}作为幻灯片。

我想要实现的是每次用户将鼠标悬停在缩略图上时从头开始播放幻灯片,并在用户徘徊时停止播放幻灯片。

它可以正常工作一段时间,但在多次悬停后它往往会破坏,好像2个幻灯片定时器正在访问同一个列表,导致各种故障,如图像闪烁乱序等等。

我在悬停时尝试循环('停止'),但是当幻灯片重新启动时,它会在第二张幻灯片上停止。

任何帮助?

1 个答案:

答案 0 :(得分:0)

似乎我通过结合循环('暂停')和

来实现它
$('.item-list ul li',this).each(function(){$(this).removeAttr('style');});

使用removeAttr删除添加的所有内联样式jquery.cycle,从而使列表保持清洁并刷新以在下次鼠标悬停时重新设置循环。