动态创建（引导）html表行-点击事件不会触发[重复]

Question

我在视图中使用引导表，并且表行是动态创建的，并且 创建它们后，我想将 .onclick 事件附加到我的行，以便万一有人单击该行，我可能会突出显示它， 我试了试，不知道怎么解决。

这是我的代码：

1.) 首先，尝试 - 绝对不好，因为一直在我的行上附加事件，点击几下后弹出 5-6-7 警报..

@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script>

     $('#TableItems').click(function (e) {
            $('#TableItems tr').click(function (e) {
                alert("Clicked!");
            });
        });

</script>

2.) 第二次尝试 - 也不好，因为视图已渲染并且 tr 尚未渲染，所以可能无法附加 onclick 事件，因为当我点击它时 什么都没有发生

$('#TableItems tr').click(function (e) {
                alert("Damn");
         });

这是我的桌子

<div class="table-responsive" id="myTable">
   <table class="table table-striped  jambo_table bulk_action">
     <thead>
       <tr class="headings">
          <th class="column-title">Title </th>
        </tr>
     </thead>
    <tbody id="TableItems"></tbody>
   </table>
</div>

Answer 1

您可以为此使用.on()

$('#TableItems').on('click', 'tr', function (e) {
    alert("Damn");
});