I am trying to update a div without reloading the page, for this I do it with jQuery, and I am doing fine, but there is a small error and that is that when updating the div, the functions are not executed. Let me explain, I have a div where a series of activities that the user can eliminate, and in the function I put that to be successful, I recharged the div, in the following way:
$("#divacargar").load("paginaexterna.php");
The external page contains this.
<p id="title"><b>Educaplay</b><i class="fa fa-close close_popup_educaplay"></i></p>
<div id="contenedor">
<?php include('educaplay.php') ?>
</div>
<div class="div_eliminacion">
<svg id="cubo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 76">
<defs>
<style>
.cls-1{fill:#ed1c24;}
.cls-1-tapa{fill:#ed1c24;}
.cls-2{fill:#c1272d;}
</style>
</defs>
<rect class="cls-1" y="16" width="70" height="60" rx="12" ry="12"/>
<rect class="cls-2" x="49" y="26" width="10" height="40" rx="2.5" ry="2.5"/>
<rect class="cls-2" x="29" y="26" width="10" height="40" rx="2.5" ry="2.5"/>
<rect class="cls-2" x="9" y="26" width="10" height="40" rx="2.5" ry="2.5"/>
<path class="cls-1-tapa" d="M80,30H60V27.1A3.12,3.12,0,0,0,56.9,24H43.1A3.12,3.12,0,0,0,40,27.1V30H20a5,5,0,0,0,0,10H80a5,5,0,0,0,0-10Z" transform="translate(-15 -24)"/>
</svg>
<form method="POST" id="form_identificador"><textarea style="display: none;" id="identificador" name="identidad"></textarea></form>
</div>
<img src="http://www.g-t-e.260mb.net/profesorado/imagenes/eliminar_todo_act.png" id="eliminar_todo_educaplay" title="Elimimar todas las actividades" alt="Eliminar todo">
This div has several functions such as fa-close to exit the div itself but when you reload the div automatically with .load () it does not work, the functions are no longer executed, and I do not know why.
Does anyone know why? Thanks.