jqueryテーブルをクリック可能にする

Question

mysqlテーブルのデータを含むjqueryテーブルを作成しました。クリックしたときにモーダルを表示したいので、クリック可能にする必要があります。問題は、クリックベントがjqueryテーブルで機能しないことです。これは私のjqueryのテーブルです：

$('#btnLoadAttendance').click(function(){ 
var dept = $('#cmbdept').val(); 
if(dept == "SEWING") 
{ 
    var dLine = $('#cmbline').val(); 
    var dSection = $('#cmbsection').val(); 
    console.log(dept+', '+dLine+', '+dSection); 
    var formdata = {dept:dept,section:dSection,line:dLine}; 
} 
else 
{ 
    var dLine = ''; 
    var dSection = ''; 
    console.log(dept); 
    var formdata = {dept:dept}; 
} 

$.ajax({ 
    type: 'POST', 
    url: "<?php echo site_url('tms/loadAttendance');?>", 
    data:formdata, 
    dataType: 'json', 
    success: function(data){ 
     console.log(data.emplist[0]); 
     var tr; 
     $('#tblAttendance tbody').empty(); 
     $.each(data.emplist,function(i,item){ 
      if(item.Active == '1') 
      { 
       var status = 'Active'; 
      } 
      else 
      { 
       var status = 'Resigned'; 
      } 

      tr = $('<tr/>'); 
      tr.append("<td><a href='#'>Edit</a></td>"); 
      tr.append("<td>"+item.EmpID+"</td>"); 
      tr.append("<td>"+item.Lastname+', '+item.Firstname+', '+item.Middlename+"</td>"); 
      tr.append("<td>"+status+"</td>"); 
      $('#tblAttendance').append(tr); 
     }); 
    }, 
}); 
}); 

そして、これは私が使用していますクリックイベントである：

$(function(){ 
$('#tblAttendance tbody td').click(function(){ 
    console.log('You clicked'); 
}); 
}); 

を私はすでに解決策をグーグルが、彼らは私に不一致の答えを与えた。..

Answer 1

は、この方法を試してください。

$('#tblAttendance tbody').on('click', 'td', function() { 
    console.log('You clicked'); 
}); 

Answer 2

あなたが使用しています非動的作成要素のセレクタ。

$('#tblAttendance').on('click', 'tbody ...', function(){ 
    //your code here.. 
}); 

それとも：

$(document).on('click', 'tbody ...', function(){ 
    //your code here.. 
}); 

トリックは、いくつかの非動的な親要素を選択することであり、.on()機能での持っている必要があります1を挿入しますが、このように、動的に作成するセレクタを使用する必要があります-clickハンドラ。