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

Question

我已根据来自Web服务的数据使用jquery创建了动态复选框。

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

（你应该交换＆＃34; body＆＃34;以获得更严格的选择器）