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");
});

动态创建（引导）html表行 - 单击事件不会触发

1 个答案: