添加setTimeout后，为什么jQuery函数在“ else if”处停止运行？

Question

I'm trying to build a sort of copy of the fullPage.js plugin effect, except what mine does is play with the height of each of my "slides" instead of their positioning. My function runs alright the first time around at "if", but once it gets to the "else if" it stops running. Can anyone shed some light on why this is doing that?

if (currentSlide == 1) {

$("#slide-1").addClass("next-slide");
isAnimating = true;

setTimeout(function(){
  isAnimating = false;
  currentSlide++;
  console.log(currentSlide);
  console.log(isAnimating);
}, 900)

} else if ((currentSlide == 2) && (isAnimating)) {

alert();
$("#slide-2").addClass("next-slide");
currentSlide++;
console.log('Current slide is: ' + currentSlide);

}

Answer 1

根据示例中的代码，看起来在回调函数执行之后currentSlide == 2 && isAnimating永远不会为真，因此，如果在执行此逻辑块所在的函数之前执行回调函数，则else if内的代码else if不执行。