javascript - .click() 不适用于 ajax 加载的内容

Question

我有一个数据表，它使用 AJAX 从我的服务器获取数据。

此代码将数据添加到 Datatable 并向其中添加一些按钮

                var jsdata = JSON.parse(data);
                for (var i = 0; i < jsdata.length; i++) {
                    var actions =
                            '<div class="btn-group">' +
                                '<button class="btn btn-default btn-xs" type="button" data-button=\'{"func": "func1"}\' data-process_id="' + jsdata[i][0] + '"><i class="icon-remove"></i> </button>' +
                            '</div>';
                    jsdata[i].push(actions);
                }

我也有这段代码，应该可以点击创建的按钮(通过上面的脚本)

$('button').click(function() {
    alert('test');
});

不幸的是，这些函数没有被调用。如果我直接放置按钮(没有 AJAX 请求)它工作正常。

我该如何解决这个问题？

Answer 1

使用 on 附加事件处理程序

$(document).on("click", "button",function() {
    alert('test');
});