Pagina cargada en div con ajax no funcionan .js

Thrashmilenio · #1 (**permalink**) 28/06/2012, 21:17

Hola a todos!!

Sucede que cargo desde ajax una pagina.xhtml en un div, pero mi pagina.xhtml contiene llamados a javascripts y un llamado a $(document).ready(function) de jQuery que al ser cargado por ajax no son interpretados, tal como lo muestro a continuacion:

pagina.xhtml

<html>
<head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'> </script>
<script type="text/javascript" src='JS/EstudioPrevio.js'></script>
<script type="text/javascript" src="JS/formToWizard.js"></script>
<script type="text/javascript" src="JS/formatos.js"></script>
<script type="text/javascript" src="JS/popcalendar.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#SignupForm").formToWizard({ submitButton: 'SaveAccount' })
});
</script>
</head>

<body>
<form id="SignupForm">
<fieldset>
.....
.....
</fieldset>
<fieldset>
.....
.....
</fieldset>
<input name="SaveAccount" type="submit" value="Enviar" class='boton'/>
</form>
</body>
</html>

Habia revisado el tema Problema con llamada a js externo desde ajax que se encuentra en el foro pero la respuesta dad alli no me funciono

Espero se halla entendido, agradezco la ayuda

Saludos!!!

maycolalvarez · #2 (**permalink**) 29/06/2012, 06:56

jQuery no incluye los *.js provenientes de src, tendrás o que añadirlos en el layout principal o filtrarlos de la respuesta (success) y añadirlos dinámicamente al DOM

http://stackoverflow.com/questions/8...aded-html-file

Thrashmilenio · #3 (**permalink**) 29/06/2012, 08:41

Gracias por responder.

el mayor problema que tengo en si, es cargar las siguientes lineas de codigo una vez cargada la pagina por medio de ajax en un div.

<script type="text/javascript">
$(document).ready(function(){
$("#SignupForm").formToWizard({ submitButton: 'SaveAccount' })
});
</script>

no me reconoce el llamado a jQuery.

Thrashmilenio · #4 (**permalink**) 04/07/2012, 10:41

Muchachos lo pude solucionar:

Todo gracias a jQuery... lo que sucede es que estaba utilizando ajax a la antiguita para cargar mis paginas HTML en un div. Pero gracias a la siguiente funcion todo quedo resuelto

<script type="text/javascript">
$(document).ready(function(){
$("#linkPagina1").click(function(evento){
evento.preventDefault();
$("#content").load("GUI/EstudiosPrevios/GUIEstudioPrevio.xhtml");
});
});
</script>

donde $("#linkPagina1").click(function(evento){

hace referencia al siguiente enlace: <a href="#" id="linkPagina1">Ingresar EP</a>

y.... $("#content").load("GUI/EstudiosPrevios/GUIEstudioPrevio.xhtml");

hace referencia al div al que quiero cargar el HTML <div id="content"></div>

Espero a alguien le sirva mi solucion.

Saludos