Hola tengo un problema al actualizar el "div", el refresco funciona bien, sin embargo después del refresco cuando hago clic en el "div" que acaba de ser actualizado ya no tengo ninguna reacción de mi addEventListener javascript, ¿por qué? y ¿cómo lidiar con este problema? gracias de antemano.
aquí ejemplo onclick ejecutar perfecto:
function updateDiv() { $( "#here" ).load(window.location.href + " #here" ); }
pero después de que la siguiente función ya no se ejecute:
document.getElementById("here").addEventListener("click", () => { alert(" hello world !") }
intente agregar un evento onclick como este
function updateDiv() { $("#here").load(window.location.href + " #here"); $("#here").attr("onclick","alert()"); } function alert(){ alert(" hello world !"); }Usa setInterval() Puede ayudarte.
Puede usar un detector de eventos pasivo para mantenerlos incluso si el elemento se crea/destruye/recarga en tiempo de ejecución
function updateDiv() { $("#here").load(window.location.href + " #here");} $("#here").on("click", () => { alert(" hello world !") }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="here">here</div> <button onclick="updateDiv()">Click here</button>