jQuery каждый с SetTimeout

Question

Может ли кто-нибудь сказать мне, почему это не работает?

jeMarkers - это массив маркеров Google Maps.

function toggleBounce() { 
    var bcounter = 0; 
    $(jeMarkers).each(function() { 
     setTimeout(function() { 
      if (this.getAnimation() != null) { 
       this.setAnimation(null); 
      } else { 
       this.setAnimation(google.maps.Animation.BOUNCE); 
      } 
     }, bcounter * 100); 
     bcounter++; 
    }); 
} 

Если я же без функции SetTimeout он работает, но, очевидно, делает все маркеры сразу:

function toggleBounce() { 
    $.each(jeMarkers, function() { 
     if (this.getAnimation() != null) { 
      this.setAnimation(null); 
     } else { 
      this.setAnimation(google.maps.Animation.BOUNCE); 
     } 
    }); 

Answer 1

Вы должны кэшировать this объект внутри функции, так как контексте SetTimeout не устанавливается автоматически:

function toggleBounce() { 
    var bcounter = 0; 
    $(jeMarkers).each(function() { 
     var that = this; // <- Cache the item 
     setTimeout(function() { 
      if (that.getAnimation() != null) { 
       that.setAnimation(null); // <- Now we can call stuff on the item 
      } else { 
       that.setAnimation(google.maps.Animation.BOUNCE); 
      } 
     }, bcounter * 100); 
     bcounter++; 
    }); 
}