Jquery .on（）函数没有使用php动态生成的元素正确绑定事件处理程序

Question

我有一个js函数，在click事件中调用'generate.php'。 php返回一个id为'alert'的锚标签。 js函数将此锚标记附加到文档。另一个js函数作用于此动态生成的锚点。正如标题所说.on（）函数没有绑定此锚标记上的事件处理程序。请帮助我...

我的js文件如下

$("#generate").click(function(){       // Working Fine :)
     $.post("generate.php",function(reply){
           $("reply").html(reply);
     }
});    

$("#alert").on("click",function(){     //Not Working :(
     alert("hello");
}

我的html代码如下

<a href="#" id="generate">Click TO generate</a>
<div id = "reply"></div>

我的generate.php看起来像这样

<?php //Working Fine
echo '<a href="#" id="alert">Click To get alert Box</a>'; 
echo '<div id="abc">Click The above link to get an alert</div>';
?>

Answer 1

代表团是这样使用的。请参阅 .on()

$(document).on("click","#alert",function(){   
     alert("hello");
}); //added missing );

提示：您要附加带有硬编码ID的元素，这会导致重复的元素。