我正在使用jquery.cycle进行幻灯片演示。当我的鼠标离开指定区域时,我试图让它停止但幻灯片显示只是再次启动但速度慢得多(常规速度没有任何选项,就像它再次被调用一样)。任何人都有任何关于我可能做错的想法?
$('.summary').mouseenter(function(){
var vid_id=jQuery(".slideshow", this).attr('vid_id');
jQuery(".slideshow", this).html('<img src="image_handler.php?s=002&ID='+vid_id+'" width="130" height="130"/><img src="image_handler.php?s=003&ID='+vid_id+'" width="130" height="130"/><img src="image_handler.php?s=004&ID='+vid_id+'" width="130" height="130"/><img src="image_handler.php?s=005&ID='+vid_id+'" width="130" height="130"/>');
jQuery(".slideshow", this).cycle({
fx: 'fade',
speed: 500,
timeout:500
});
}),
$(function(){
$('.summary').mouseleave(function(){
jQuery(".slideshow", this).cycle('stop');
});
答案 0 :(得分:1)
尝试在mouseleave上调用'destroy',这将停止幻灯片放映并取消绑定所有事件。