javascript - 动态创建的复选框不响应 jquery 事件

Question

我已经使用 jquery 基于 Web 服务的数据创建了动态复选框。

var checkbx = '<td><input type="checkbox" class="select_ticket" data-id="'+ newjsondata[i].id +'"/></td>';
tr.append(checkbx);

当我单击复选框时，没有任何反应，换句话说，事件没有响应。

function test() {
  console.log('okokok');
  var id = $(this).data("id");
  alert(id);
}
$( ".select_ticket" ).on( "click", test );

我尝试使用点击和更改事件，但没有成功。

有人可以帮助我理解我在哪里犯了错误吗？

Answer 1

点击处理程序仅针对注册时存在的复选框进行注册。像这样更改处理程序注册，以注册新添加到 DOM 的复选框:

$('body').on('click', '.select_ticket', test);

(您应该将“body”替换为限制性更强的选择器)