jQuery每個與SetTimeout

Question

任何人都可以告訴我爲什麼這不起作用？

jeMarkers是一組Google地圖標記。

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++; 
    }); 
}