javascript - 当选择器是一个类时，Jquery 事件不触发

Question

我有以下选择器

    jQuery("table[class='google-visualization-table-table']").on("click", "tr", function(){alert('i am here'); }

我正在使用 GOOGLE API 创建表

以下是我的 HTML

<table class="google-visualization-table-table" cellspacing="0">
<tbody>
<tr class="google-visualization-table-tr-head">
<tr class="google-visualization-table-tr-even">
<tr class="google-visualization-table-tr-odd">
<td class="google-visualization-table-td">MONTEFIORE MEDICAL CENTER</td>
<td class="google-visualization-table-td">208604209.00</td>
<td class="google-visualization-table-td">666813000.00</td>
<td class="google-visualization-table-td">68.72</td>
<td class="google-visualization-table-td">31.28</td>
</tr>
<tr class="google-visualization-table-tr-even">
<tr class="google-visualization-table-tr-odd">
</tbody>
</table>

Answer 1

这些元素似乎是由 GOOGLE API 动态生成的。因此将其与文档绑定(bind)

jQuery(document).on("click", "table.google-visualization-table-table tr", function(){
    alert('i am here'); 
    });