我创建了动态 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");
单击按钮后没有任何反应。您有什么建议吗?
最佳答案
由于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
元素树的范围并提高了效率。
关于javascript - JQuery:on 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19783607/