jQuery delay() – 如何阻止它?

前端之家收集整理的这篇文章主要介绍了jQuery delay() – 如何阻止它?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试停止(true,true),stop(true)和clearQueue();但这不行.

我有快速更改幻灯片的问题,我已经有一些功能重置一切,但它不起作用.

function reset(){
   $('div').clearQueue();
   $('#img').html('').css({'left':0,'right':0,'opacity':1,'z-index':1});
   $('#img2').html('').css({'left':0,'z-index':1});
   $('#place').html('');$('#place').html('<div id="img"></div><div id="img2"></div>');
}

但是我并不停止(或删除)延迟()函数的动画.所以我不知道我是不是要使用setTimeout函数.

这是动画脚本:

reset();
actual_slide=2;
  $('#img').html('<img src="'+image[4]+'" alt="Obrázek">').css({'opacity':0,'z-index':2}).delay(time_delay/5).fadeTo(time_fast,1).delay(time_delay*2).fadeTo(time_fast,0);
  $('#img2').html('<img src="'+image[3]+'" alt="Obrázek">').css({'opacity':'0','top':0}).fadeTo(time_fast,1).animate({'top':'-495'},time_delay*3,function(){
    if(actual_slide==2){$('#img2').css({'top':0}).fadeTo(time_fast*2,0).html('');}else{reset();}
    if(actual_slide==2){$('#img').html('<img src="'+image[3]+'" id="1" alt="Obrázek">').fadeTo(time_fast*2,'1').css({'left':-300,'top':-700}).animate({'left':-900,'top':-700},time_delay*2);}else{reset();}
    if(actual_slide==2){$('#1').css({'width':1365,'height':1200}).animate({'width':1665,'height':1400},time_delay*2);}else{reset();}
  });

这个actual_slide必须在重复该功能之前保护它,但是这不起作用.问题是当我快速更改幻灯片时,因为重置不会阻止所有的东西,并且它开始做我不想要的东西在(像改变图片到其他等).

解决方法

从jQuery delay页面

The .delay() method is best for delaying between queued jQuery
effects. Because it is limited—it doesn’t,for example,offer a way to
cancel the delay—.delay() is not a replacement for JavaScript’s native
setTimeout function,which may be more appropriate for certain use
cases.

看看doTimeout插件;它可能是你正在寻找的.

我希望这有帮助!

猜你在找的jQuery相关文章