[SOLUCIONADO] Funciones jquery despues de cargar datos con ajax

[alyciashape]

Tengo un problema recurrente que aver si me conseguís ayudar un poquito.

Tengo por ejemplo la página A en ella un document.ready para que cargue las funciones de no se, por ejemplo cargar mediante ajax la pagina B en un div en la página A.

El problema es que el contenido de B que viene de ajax mediante A también tiene algunas funciones JQuery y no funcionan si pongo el código jquery en la página A, lo tengo que poner en la página B, entiendo que porque hasta que B no carga al no encontrar una referencia a esos elementos los da como inútiles.

En definitiva. Como puedo hacer que el código javascript de A me funcione en B cuando se cargue?

Me expliqué bien?

Es que sino cargo N veces los códigos javascript, una vez por cada div que venga de B por ajax.

[mdk]

Cada vez que cargas una página en ajax, tienes que volver a cargar todos las librerías, códigos, css, etc, independientemente que estén en la página principal.

Saludos.

[alyciashape]

Y eso como se hace mdk?

He puesto las funciones en el success de ajax. Eso es correcto? parece funcionar.

Gracias!

[mdk]

Suponiendo que usas la librería de jquery, cada vez que cargas una página en ajax, la página en cuestión tiene llevar la librería de jquery igual que la página principal, así te aseguras al 100% el funcionamiento.

Yo tengo un archivo con todas las lineas que cargan las librerías (archivos), y cada vez que cargo una página en ajax, lo añado con include de php.

Tu por ejemplo como ya te dije, si usas jquery, tendrías que añadir otra vez la linea que tengas de jquery, así como el código javascript que uses, o los archivos con javascript que tengas, así como las hojas de estilo CSS. Un ejemplo sería..

Código javascript:

<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function() { 
 
... código ...
 
});
</script>
 

Yo como te he dicho cargo un archivo con todas las librerías.

Código PHP:

  include("librerias.php");  
   

Y el archivo contiene:

Código HTML:

<link rel="stylesheet" type="text/css" href="scripts/style.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/script.js"></script>
<script type="text/javascript" src="scripts/hash.js"></script> 

Espero haberme explicado bien

[alyciashape]

Pues la verdad es que no me convencía tu solución y seguí buscando porque de esa forma cada vez que creas un div por ejemplo estas creando otra vez todo el javascript y me parece bastante chapucilla. Imaginemos que tienes 10 div que abren otros 10 y en cada uno de ellos vuelves a crear javascript. Es un caos y no se si podrá generar algún error.

Tras mucho buscar he encontrado el método on() de jquery que básicamente se queda "atento" a que existan elementos. Sino hay al iniciar la web pero luego los generas dinámicamente te los coge sin problemas

Saludos

[mdk]

Yo también creo objetos dinámicamente, solo que esa sección de código no la cargo cada vez, solo cargo librerías de funciones generales, la de jquery por ejemplo, porque como dices, se crearía cada vez los objetos dinámicamente y podría realizar acciones no deseadas. Estudiaré lo que has comentado a ver si a mi también me interesa.

Saludos.

[alyciashape]

Perdón olvidé poner el código, aquí te dejo una muestra:

Código Javascript:

$(document).on('click', '.aEfectos', function(event) {                  
     $(this).parents(".trEfectos").prev().click();                  
});
 

Al iniciar la página no existe el .trEfectos ni .aEfectos sin embargo al cargarlo desde Ajax funciona igualmente.