動的に生成されたボタンにアクセス

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() {