Jquery 使用AJAX添加的新元素无法与.on一起使用

我有以下代码：

$(".add_rows").on( "click", function() {
    alert('in here');
    $.post( "add_row.php", function( data ) {
        $( "#add_row_here" ).append( data );
    });
});

在我的PHP输出中，我有以下内容：

<a class="btn small fr add_rows" id="formsubmitswitcher">Add Rows</a>

添加行

---

我认为.on命令仍然允许我单击此链接并再次触发此代码。为什么它不能像我期望的那样工作？

您可以使用

语法

$(closest-parent-element).on(event,"selector" function() {});

---

相反，您可以使用最接近的父元素

从第4段开始阅读。上一段不是魔杖，您必须正确使用它来完成您希望它完成的任务。您明确使用它的方式会使它不会委派事件。但不要使用

document

。他显然在使用

#add_row_here

作为这些元素的容器，因此上的

应该绑定在这里。
$(closest-parent-element).on(event,"selector" function() {});