在Javascript中动态添加列时，单击事件不起作用

Click Event Does Not Work When Dynamically Adding a Column in Javascript

本文关键字：单击事件不起作用 Javascript 动态添加更新时间：2023-09-26

我正在通过jquery动态添加一列：

$('#id_orderTable tr:last').after('<tr><td>' +  orderLine.short_desc + '</td><td><input type="button" value="-" class="qtyminus"></input></td><td>'

我有一个"qytminus"的听众

 $('.qtyminus').click(function(e) { ... some code...}

如果我只是在一个预定义的表上写代码，onclick会很好地触发。。。一些代码。。。执行。然而，当我在动态添加行时单击按钮时，onclick不会被调用。这在动态内容加载项中可能吗？

由于您使用jQuery动态生成HTML，请使用事件委派，如图所示：-

$('#id_orderTable').on('click','.qtyminus',function() { ... some code...});