访问动态生成的按钮

Question

我正在使用jquery和datatables动态生成编辑和删除按钮。我需要稍后使用javascript访问它们，我无法使其正常工作。

我有这个渲染功能：

render: function (data) {
                            var actions = '';
                            actions += '<div class="btn-group btn-group-xs">';
                            actions += '<div id="'+data.id+'" class="buttonUpdate btn btn-primary"><span class="glyphicon glyphicon-pencil"></span></div>';
                            actions += '<div id="'+data.id+'" class="buttonDelete btn btn-danger"><span class="glyphicon glyphicon-trash"></span></div>';
                            actions += '</div>';
                            return actions;
                        }

我可以看到按钮显示正确。

我尝试使用以下内容获取活动：

    $('.buttonDelete').click( function () {
        alert('button clicked');
        console.log(this.id);
        //window.location.href = "{!! route('employee') !!}/"+employee_id;
    } );

但它没有做任何事情:(。

我如何获得该事件，以及如何使用正确的ID和类正确地生成按钮？

Answer 1

看看Delegated Events：

更改：

$('.buttonDelete').click( function () {

为：

$(document).on('click', '.buttonDelete', function () {