ajax调用后，Click事件无效

Question

我有一个父jsp，其中将包含另一个jsp。在子jsp中包含另一个jsp。

第一个子jsp中会有一个按钮，如果我们单击该按钮，将触发ajax调用，这将附加第二个子jsp的div。

这里的问题是:: 在附加的第二个子jsp中，java脚本无效。

function abc(){
    $("[id^=<%=KunalBean.getBeanFieldPrefix()%>rdxCarterz]").on("click", function() {
    alert("after ajax call")
});
}

我在ajax成功调用时调用了这个abc函数。在ajax调用之后，函数abc（）被调用，但是click事件不起作用。因此，当我点击相应的无线电选项时，它不起作用。

请让我知道这个问题的解决方案是什么。

Answer 1

尝试从动态加载的对象调用事件时，请使用此方法

function abc(){
    $("body").on("click" , "[id^<%=KunalBean.getBeanFieldPrefix()%>rdxCarterz]",function({
     alert("after ajax call");
  });
}