我正在使用Jquery Cycle创建一个带有缩略图寻呼机的幻灯片。当缩略图悬停时,幻灯片放映应该暂停。
然而,我注意到,如果快速点击拇指或快速移动鼠标,则超时会发生变化;甚至跳过图像!(火狐/IE9)。
我尝试了这里推荐的一个修复程序来防止冒泡,但循环不会加载:
$.click(function(event){
event.preventDefault();
event.stopPropagation();
})
这允许循环加载,但没有解决问题:
$('#nav li a').onmouseenter(function(event){
event.preventDefault();
event.stopPropagation();
})
这些是我的设置&任何建议都将不胜感激:
$('#slideshow').before('<ul id="nav">').cycle({
fx: 'scrollLeft',
delay: 2000,
sync: 1,
speed: 1500,
timeout: 3000,
manualTrump: true,
pager: '#nav',
pagerEvent: 'mouseover',
pauseOnPagerHover: true,
slideExpr: 'img',
allowPagerClickBubble: false,
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="javascript:void(0);"><img src="' + slide.src + '" width="30" height="30"></a></li>';
}
});
错误修复:Jquery Cycle版本:2.9999.3(08-MAR-2012)