jquery - jquery 无法识别 ajax 修改的元素

Question

我用ajax更新分页。使用 ajax 更新分页后，jquery 不再响应点击。

如何让 jquery 识别新添加的元素？

这是我的js代码：

$(document).ready(function () {

    $(".page").click(function () {
        $.ajax({
            url: '/ajax_request',
            type: 'POST',
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify({
                "page": page,
            }),

            success: function (response) {
                $('#main_table').find("tr:not(:nth-child(1))").remove();

                const pagination_div = $('div.pagination');
                pagination_div.empty()
                let html = '';
                $.each(response['pages'], function (indx, value) {
                    html += '<a class="page" id=' + value + '>' + value + '</a>'
                })

                pagination_div.html(html);

            }
        })
    })
})

标签： jqueryajax