jQuery无法处理ajax加载的内容

时间:2019-12-05 15:38:36

标签: javascript jquery html ajax

我有一个由ajax从另一个文件中加载的多个复选框,其类为'chk-bx'

<script>

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

   alert("checked");
   });

</script> 

有一些复选框可以加载ajax,然后正常运行。但加载后无法正常工作。

非常感谢

1 个答案:

答案 0 :(得分:0)

在复选框进入DOM之前初始化事件处理程序。新复选框出现在DOM中之后,您必须对它们进行初始化。

编辑:正如Rory所说,您可以使用委托的事件处理程序。您可以将处理程序附加到复选框的公共父级,例如$( "#checkbox-container" ).on( "click", ".chk-bx", function() {...})。这样,在#checkbox-container元素中新添加的复选框将使该侦听器在click事件上运行。您可以在这里了解更多信息:https://learn.jquery.com/events/event-delegation/