Question

我的代码：

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

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

在点击test1的子项后，带有“something”的跨度应该是test2的最后一个子节点。我的追加是做对了吗？ test2上的click事件是否正确完成？

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）。所以click事件永远不会附加到跨度。

jQuery - 动态生成的子节点不会触发click

2 个答案: