【发布时间】:2012-03-05 10:51:24
【问题描述】:
我正在使用 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-plugins hover jquery-cycle event-bubbling