jQuery：动态添加HTML上的fire click事件

Question

我使用jQuery动态地将表单添加到<div>中，其中一些数据通过Ajax检索（它用于更新某些记录）。问题是我无法在此表单上触发单击事件，因为我认为它是在文档准备好后创建的。我需要触发此事件再次调用Ajax并将新数据保存在db。

中

基本上，这会将表单创建为<div id="#result">：

jQuery(document).ready(function ($) {
    $.ajax({
        [...]
        success: function(data) {
            $('#result').html(
                '<form name="form_name_here">' +
                    '<input type="text" value="' + data[0].it + '">' +
                    [...]
                    '<input type="button" id="update_record" value="Save"> ' +
                '</form>'
            );
        }
    });
});

但是这不会起作用：

jQuery(document).ready(function ($) {
    $.ajax({
        [...]
    });
    $('#update_record').click(function () {
        console.log('test');
    });
});

我也尝试$('#update_record').on('click', function() {但没有成功。

Answer 1

尝试：

$(document).on("click", "#update_record", function(){
});