jQuery的 - 动态生成的孩子不触发点击

Question

我的代码：

$(".test1").children().click(function(){ 
    $(".test2").append('<span>something</span>');   
}); 

$(".test2").children().on('click', function(){ 
    alert("done");  
}); 

与“东西”的跨度应该是test2的最后一个子点击test1的儿童后。 是我的追加做对吗？ test2上的点击事件是否正确？

thx！

Answer 1

这个工程：

$(".test1").children().click(function(){ 
    $(".test2").append('<span> something</span>');   
}); 

$(".test2").on('click', 'span', function(){ 
    alert("done");  
}); 

live demo

Answer 2

确定只是你的追加一点解释，你的追加仅仅是正确的，但新的孩子之前，你的贴合点击事件$(".test2").children()追加（TEST1点击）。所以点击事件永远不会附加到跨度。