Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/01/2021, 18:46
Avatar de pcarvajal
pcarvajal
 
Fecha de Ingreso: enero-2002
Mensajes: 701
Antigüedad: 22 años, 11 meses
Puntos: 8
Reconocer nuevos elementos agregados al DOM despues de un AJAX request

Estoy tratando de mostrar un div que agregué al DOM via AJAX.

Básicamente, via AJAX/PHP agregué algunos botones

Código PHP:
<button type="button" id="viewPP_'.$index.'" onclick="viewPP('.index.')">View</button
Y tambien algunos divs ocultos (que son los que quiero mostrar cuando haga click en el botón que corresponda)

Código PHP:
<div id="viewPP_'.$index.'" style="display: none;"
En mi página principal tengo mi funcion JS que muestra u oculta los divs

Código PHP:
function viewPP(i){
    
var 
obj "viewPP_"+i;
    
document.getElementById(obj).style.display "block";
//$(obj).toggle();


Si uso "document.getElementBy..." , no hace nada (no tira error ni nada)

Su uso "$(obj)", tampoco hace nada.

Según entendí, todos los elementos nuevos que se agregan al DOM después que la página se haya cargado no son reconocidos por JQuery, hasta ahí bien, pero no puedo hayar la manera de hacerlo funcionar .

Alguna idea de como poder solucionarlo?
__________________
18 laaaaargos años en FDW... y soy de los pocos que ví correr sangre! :X