我有一个缩略图项目列表,其中包含一个隐藏的弹出容器,只有当我悬停在它们上面时才会显示。该容器包含一个<ul>
,其<li>
充当幻灯片。
我试图实现的是,每当用户悬停在缩略图上时,从头开始播放幻灯片,当用户悬停在外时停止播放。
它在一段时间内运行良好,但在多次悬停后,它往往会中断,就好像两个幻灯片放映计时器正在访问同一列表,导致各种故障,如图像无序闪烁等。
我试着在悬停时循环("停止"),但当幻灯片重新开始时,它会在第二张幻灯片上停止。
有什么帮助吗?
我似乎是通过结合循环("暂停")和实现的
$('.item-list ul li',this).each(function(){$(this).removeAttr('style');});
使用removeAttr可以删除jquery.cycle添加的所有内联样式,从而使列表保持干净,并在下一次鼠标悬停时刷新以重新设置循环。