Estoy tratando de recargar un div en particular al hacer clic en un botón usando JQuery $.get() , que funciona perfectamente bien. Al volver a cargar dicho div, las funciones de clic de Jquery para los elementos div no responden.

Aquí está el código de muestra para referencia:

Pagina principal:

 <div id="msc-layer-placeholder-wrapper" class="left_bar_menu_div" > <?php include("left_menu_detail.php"); ?> </div> <a id="audio_upload_submit_btn">refresh</a> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $("#audio_upload_submit_btn").click(function(){ $.get("left_menu_detail.php", function(data){ $(".left_bar_menu_div").html(data); }); }); $("#media_child_library_btn").on("click", function() { // Do some thing }) </script>

menú_izquierdo_detalle.php

 <div> <div id="media_child_library_btn"> some btn </div> </div>

Tenga en cuenta que:

La función de clic $("#media_child_library_btn") funciona bien una vez que se actualiza toda la página, pero cuando vuelvo a cargar el div específico usando la función de clic $("#audio_upload_submit_btn") , deja de responder.

Cosas que probé:

• Se aseguró de que la función de clic $("#media_child_library_btn") esté en la parte superior
• usó e.stopPropagation(); para $("#media_child_library_btn") haga clic en la función. Es inútil.

Cualquier ayuda es muy apreciada.