[SOLUCIONADO] Javascript no funciona luego de carga Ajax

[CapacProg]

Hola a todos.

Sucede que hago la carga de un div con el método load de jQuery pero luego de ello no responde las funciones Javascript que cargue inicialmente. Es posible que sea un problema sencillo, pero ya lo tengo un buen rato sin resolver. Si pudieran ofrecerme una luz les agradecería mucho.

[Alexis88]

Deberías de mostrarnos el código que tienes elaborado para ver en dónde cometes el error, pero presumo que es lo clásico: Asignas métodos a determinados elementos, haces la carga con Ajax y luego esos métodos ya no funcionan en los elementos cargados. De ser así, lo mejor será que delegues los métodos/eventos.

Por ejemplo, supongamos que tengo un botón dentro de una división:

Código HTML:

<div id = "foo">
    <button class = "bar">Botón</button>
</div>
 

Ahora, quiero que cuando le de un clic, me muestre un mensaje de alerta:

Código Javascript:

$(".bar").click(function(){
    alert("Hola");
});
 

Si cargo elementos en la división mediante una petición asíncrona o de cualquier otra forma, ese código ya no servirá pues dichos elementos se habrán cargado después de la carga del código JavaScript. Al delegar los métodos o eventos, el funcionamiento se mantendrá:

Código Javascript:

$("#foo").on("click", ".bar", function(){
    alert("Hola");
});
 

De esta forma, si agregaras otros elementos con la clase 'bar' y los pulsas (evento click), estos se verán afectados por la instrucción dada.

Saludos

[CapacProg]

Gracias me fue útil. Lo estaba usando mal.