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

Posted 2021-03-31

在本页的最底部，在“什么是身体状况评分？”下。部分：

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

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

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

答案

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

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

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