javascript - Jquery 不适用于动态添加的按钮？

Question

$(document).ready(function(){
    var t = $("<div><button class='leaf' id='l2'>Awesome!</button></div>");
   $('#l1').click(function(){
       $('#num').text("four");
       }); 
    $('.oright').click(function(){
       $('#num').text("Five");
       $('.oright').after(t);
       $('.oright').remove();
    });
    $('#l2').on('click', function(){
       $('#num').text("Reset?");
    });
});

#l2 按钮没有任何功能。我没有看到任何语法错误，我查了一下并发现 .on('click') 比 .click 对于动态元素更好，所以我改变了它，但它仍然不起作用。

Answer 1

你必须授权才能完成这项工作

$(document).on('click', '#l2', function(){
   $('#num').text("Reset?");
});

最好将 document 替换为最接近的非动态父元素