jquery幻灯片不会停止!

时间:2011-07-03 22:48:53

标签: jquery

我正在使用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'); 
  });

1 个答案:

答案 0 :(得分:1)

尝试在mouseleave上调用'destroy',这将停止幻灯片放映并取消绑定所有事件。