我已经尝试停止(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.
我希望这有帮助!