如何在文档准备好后添加按类名添加的元素？

Question

我试图通过我在jQuery中添加到它的类名来定位元素.如果我添加一个新元素,这似乎工作正常,但我无法将新事件绑定到已经在DOM中的元素,但已被更改.

我究竟做错了什么？

$(document).ready(function(){  
$(".activateRow").on("click",function(){
     $(this).text('Deactivate').addClass('deactivateRow btn-danger').removeClass('activateRow btn-success');
     $(this).parent().parent().removeClass('inactiveRow');
 });

$(".deactivateRow").on("click",function(){
    $(this).text('Activate').removeClass('deactivateRow btn-danger').addClass('activateRow btn-success');
    $(this).parent().parent().addClass('inactiveRow');
});

 })

Answer 1

要绑定到新元素,请使用委托:

$(document.body).on("click", ".deactivateRow", function(){