jquery - 绑定(bind)的意外行为

Question

我得到的不是点击绑定(bind)，而是控制台消息列表，就好像 Javascript 正在立即执行绑定(bind)的操作而不是创建绑定(bind)一样:

var biomes = new Array("glacier","desert","forest","grassland","hills","jungle","mountains","ocean","plains","swamp","tundra");


function changeTerrain(biome){
  console.log(biome);
}

$(document).ready(function(){
  // fill in terrain guide
    $.each(biomes,function(x,biome){
      $('div#terrainGuide').append("<div class='tile "+biome+"'></div>");
      $('div#terrainGuide:last-child').bind({
        click: changeTerrain(biome)
      });
    });
});

Answer 1

当您只需要绑定(bind)一次时，您似乎将相同的事件处理程序绑定(bind)到要附加的所有元素。

$.each(biomes,function(x,biome){
  $('div#terrainGuide').append("<div class='tile "+biome+"'></div>");
});

$('div#terrainGuide:last-child').bind({
    click: function(){
       changeTerrain(biome);
    }
});