Ajax调用后，点击事件不起作用

Question

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

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

这里的问题是：:在附加的第二个子jsp中，Javascript无法正常工作。

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