Javascript Jquery无法处理通过ajax从php加载的html

说明：

我有一个管理员面板，管理员可以在其中更改他/她的仪表板上的视图。比如，如果他/她想更改当前密码，他/她会点击ChangePassword选项卡，所有的UI（HTML、CSS和所有相关的东西）都会从php加载，如下所示

<?php

echo '<div class = "change_pass_header"></div>'

//so on and so forth

?>

是的，当通过ajax从php加载id为update_pass的div时，它不起作用

我像这样从php获取所有html

$("body").on("click","#change_admin_pass_b",function(){

    $.get("change_admin_password.php",function(ch_ad_pas){

        $(".main_admin_panel_body").html(ch_ad_pas);

    });


});

但是，如果具有相同id的any div预先写在该页面上，并且没有从任何php加载，那么任何jquery函数（例如click）都可以正常工作

---

为什么会发生这种情况？？有人吗？

我知道！使用相同的ID意味着如果两个div中的任何一个都有这个ID，一个在同一个页面上，或者一个从php加载。。。两人的行为都不一样…哦，你为什么不明白。。。我是作为例子说的。。我说过，如果在页面上预写了具有该id的同一个div，那么它就可以工作，如果我“从HTML中删除该div”并将其放在要加载的php页面上，那么它就不能工作。。了解了？？

$("body").on("click","#change_admin_pass_b",function(){

    $.get("change_admin_password.php",function(ch_ad_pas){

        $(".main_admin_panel_body").html(ch_ad_pas);

    });


});