Question

我有以下代码：

$(".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命令仍允许我点击此链接并再次触发此代码。为什么这不像我期望的那样工作？

Answer 1

您可以使用.on()

尝试事件委派

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

<强>语法

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

代替文档，您可以使用最接近的父元素

使用AJAX添加的新元素不适用于.on

1 个答案: