Javascript jquery无法处理ajax加载的内容

我有一个由ajax从另一个文件加载的多个复选框，类为“chk bx”

<script>

$('.chk-bx').on( "click", function(){

   alert("checked");
   });

</script> 

$（'.chk bx'）。打开（“单击”，函数（）{
警报（“已检查”）；
});

在加载ajax之后，会有一些复选框，这些复选框可以正常工作。但加载后，它不工作

---

非常感谢您在复选框到达DOM之前初始化事件处理程序。在新复选框出现在DOM中之后，您必须在这些复选框上初始化处理程序

---

编辑：正如Rory所说，您可以使用委托事件处理程序。您可以将处理程序附加到复选框的公共父项，如

$（“#checkbox container”）。在（“click”，“.chk bx”，function（）{…}）

。这样，

#checkbox container

元素中新添加的复选框将使侦听器在单击事件上运行。您可以在此处了解更多信息：

或者更简单，在所有这些事件上使用一个委托事件处理程序。是的，没错，这使它更简单，我将其添加到答案中