.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');
});