0

¿Cómo puedo acceder al control de un botón que es llamado por jQuery y añadido al DOM con $("#tag").load()?.

El botón carga bien en el DOM, les adjunto mi código:

$(document).ready(function() {

        $("#Actualiza").click(function(){
               $("#Empleados").load("TablaEmpleados.php");
        });


  $("#boto").click(function() {
    $("#Marcajes").load("TablaMarca.php");
    alert($(this).text())
    //document.getElementById("Marcajes").innerHTML = element;//Asignar valor 
    return false;
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <button id="boto" type="button" class="btn btn-primary btn-lg btn-block">Boto</button>
</div>

El botón "boto" se crea bien, pero después al cargarse en el DOM, no puedo acceder a él.

6
  • 1
    He replicado el código que nos muestras y funciona correctamente, revisa la consola del navegador si hay errores o verifica que el CDN o los paquetes de JQuery en tu proyecto funcionen correctamente. Commented el 21 mar. 2023 a las 17:31
  • Hola. El elemento #boto, no lo tengo cargado en el DOM original , viene de la carga "load() de la parte del php Tablaempleados.php. Commented el 21 mar. 2023 a las 18:31
  • Hola. El elemento boto, no lo tengo cargado en el DOM original , viene de la carga load de la parte del php Tablaempleados.php. Cuando realizo la activacion el boto aparece pero al realizar click, no realiza el proceso de load TablaMarca.php. Commented el 21 mar. 2023 a las 18:35
  • Intenta utilizar On, probablemente sea por la delegación de eventos, ya que al asignarlo aun no existe dicho elemento. Commented el 21 mar. 2023 a las 19:46
  • Revisa esta pregunta, puede ayudarte Evento on Commented el 21 mar. 2023 a las 19:59

1 respuesta 1

1

Cuando se añaden elementos nuevos al DOM de forma dinámica, éstos no tienen eventos asociados. Para ello es necesario usar la delegación.

Prueba cambiando

$("#boto").click(function() {

por

$("body").click("#boto", function() {

Un saludo.

2
  • 1
    Hola. No me funciona, al cargar todo el DOM, me realiza los dos eventos #Actualiza + #boto. Solamente que haga Click en el boton Actualiza, me hace los dos eventos..Yo quiero 1º que al cliCar en #Actualiza , me cargue la parte del php , que dentro habra un boton denominado id=boto. y cuando me carge esa parte al realizar click en el boto , me carge otra parte de codigo php. Commented el 22 mar. 2023 a las 8:40
  • En ese caso debes repasar como funciona la propagación de eventos y revisar cómo se están propagando en tu código. Podrías probar con: $("body").click("#boto", function(e) { e.preventDefault();
    – T.S.D.
    Commented el 3 abr. 2023 a las 9:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.