javascript - JQuery:on 无法正常工作

Question

我创建了动态 html 按钮，我想为它们设置点击事件。这是我的 html 输出和代码:

   <td style="width:90px;">
<input type="button" class="btn_Yeni" id="btnYeni"></td>

<小时/>

$(".btn_Yeni").on("click", function () {
    alert('asd');
});

$(".btn_Yeni").trigger("click");

单击按钮后没有任何反应。您有什么建议吗？

Answer 1

由于html按钮是动态添加的，所以需要使用event delegation注册事件处理程序，例如:

// New way (jQuery 1.7+) - .on(events, selector, handler)
$(document).on('click', '.btn_Yeni', function(event) {
     alert('asd'); 
});

更新

由于按钮已添加到表格单元格(如 HTML 标记中所示)，因此您可以执行以下操作:

$('#tableID').on('click', '.btn_Yeni', function(event) {
     alert('asd'); 
});

这会将您的事件附加到 #tableID 元素内的任何按钮，减少了检查整个 document 元素树的范围并提高了效率。