我的fadeIn / fadeOuts重叠并且搞乱了

时间:2017-12-17 14:12:05

标签: jquery jquery-ui

在本页的最底部,在“什么是身体状况评分?”下。部分:

http://tn-2017-12-vrshealth.pantheonsite.io/tn-2/

当您以较慢的速度移动滑块时,宠物图像会按原样移动,但是如果您移动滑块的速度太快,则动画无法完成,并且图像开始重叠。

有没有办法可以强制所有动画完成或正确排队?

1 个答案:

答案 0 :(得分:0)

您必须使用:animated检查您的某个img是否已设置动画,否则会触发动画。

所以你的silde函数应该是这样的:

slide: function(event, ui){
   // check if no 
   if(!$(".pet-image img").is(":animated")){
      //annimation code here 
   }
}