jquery - 如何使用jQuery知道对象不透明度何时达到0值

Question

我有一个逐渐变得透明的对象，我想在对象的不透明度达到 0 值时设置一个回调函数，以便在完成时可以重置不透明度和位置。

到目前为止，这是我的代码：

 var angle = 0;
 var reverseAngle = 0;
  setInterval(function(){
    angle+=3;
    reverseAngle-=3;
    $("#part1, #part3, #part5, #part7").rotate(angle);
    $("#part4, #part2").rotate(reverseAngle);
    $("#part9").animate({
      opacity: "-=0.1",
      top: "-=1"

    }, 800);
  },50);

Answer 1

您可以在动画结束时添加回调函数。

$("#part9").animate({
      opacity: "-=0.1",
      top: "-=1"

    }, 800, function(){
        if($(this).css("opacity") <= 0){
           do stuff
        }
    }
);

我加了<=，以防万一

Answer 2

jQuery 的 animate 方法允许 onCompletion 回调http://api.jquery.com/animate/使用它在动画完成时提醒您。