在返回的JSON结果上使用bind(“click”)/添加到DOM

所以我尝试了可信的谷歌,但没有找到令人满意的解决方案。基本上,我不确定我所做的是否有效。

我想进行一个返回JSON结果的Ajax调用。我迭代这个结果,然后写一个这样的字符串,然后推到结果范围(所有这些都可以正常工作):

var str='';
for (var n=0;n<data.length; n++){
    str=+"<div class='game_name'>" + data[n]['name']+"</div><div class='game_id'>"+ data[n]['id'] +"</div>";

}
$('#results').html(str);

然后(顺便说一句,我的意思是在返回结果之前将其编码到页面中)使用类似game-name类绑定一个click事件(此部分不起作用,但对于在开始时手工编码到页面中的某个内容来说很好):

$(".game_name").bind('click',function(){
   alert('here i am');
});

但是返回的结果没有与之相关联的绑定。我如何才能使点击得到响应?有没有一种方法可以触发一个事件,使DOM知道新元素已经添加到了DOM中?或者我只是想知道怎么做?

谢谢你的帮助