jQuery：如何将onlick事件添加到动态生成的div？

Question

我想将onclick事件添加到使用如下因素代码生成一个div：

$("<div />").attr("city", $(this).attr("city")) 
      .attr("state", $(this).attr("state")) 
      .html($(this).attr("city") + ',' + $(this).attr("state")) 
      .appendTo($('#cityList')); 

我应该写在HTML点击数事件（）？

Answer 1

为什么不分开div的创建和其余代码的链接。例如

var elem = $('<div />'); 
elem.click(function() { 
    // Click handler 
}); 

elem.attr("city", $(this).attr("city")) 
    .attr("state", $(this).attr("state")) 
    .html($(this).attr("city") + ',' + $(this).attr("state")) 
    .appendTo($('#cityList')); 

Answer 2

我建议您使用.live（）函数，该函数允许您将事件绑定到稍后动态添加的元素。

http://api.jquery.com/live/

Answer 3

可以delegate点击事件#cityList

$("#cityList").delegate("div","click",function(e){  
//handler code here 
}); 

http://jsfiddle.net/bXtEz/

Answer 4

$('#cityList div').live('click', function(){ 
    ...do stuff; 
}); 

jQuery Live Link