Carga js antes el div antes de cargar el script

[bluesky777]

Hola a todos, tengo ciertos problemitas que ojala me puedan ayudar a entender.

Tengo un codigo ajax de jquery que cuando termina de cargar tengo esto:

Código HTML:

...
success: function(data){
                $("#ContLoaded").html(data)
                $.getScript("../js/Competencias_Materia.js");           

            },
...

Pero al parecer el #ContLoaded carga muy lento, entonces cuando carga, me trae los botones y demás cosas en el #ContLoaded, y si presiono un boton que ejecute scripts traidos por el $.getScript no me funciona, tengo que esperar un rato para poder presionarlos, ¿Cómo hago para que no se muestre nada en la caja #ContLoaded sino hasta que todo esté cargado? Lo necesito mucho, ya que con esta técnica estay trabajando todo mi sitio (mucho ajax que trae scripts)

Sinceramente, muchas gracias, espero me puedan ayudar.

[MCF]

intenta con .done() esto nunca lo he intentado pero creo q podria funcionar algo asi:

Código Javascript:

success: function(data){
     $("#ContLoaded").html(data).done(function(){
          $.getScript("../js/Competencias_Materia.js");
     });
}
 

[bluesky777]

Muchas gracias, pero no funciona, la verdad nisiquera carga el js por mas que demore, espero me puedan seguir ayudando

[bluesky777]

Bueno, quizá para complementar, me interesa porque deseo hacer como gmail y otros, que muestran "loading..." y luego muestran la pagina construida, ¿cómo hago estas cosas? ¿cómo construyo el codigo en alguna caja y después la muestro completa, sin que se vaya mostrando por pedazos? Gracias de nuevo a todos.

[Pablo Ayala]

yo hago algo asi:

Código CSS:

.oculto{display:none;}
 

Código HTML:

<div id="loading" class="oculto"><img src="loading.gif" /></div>
<div id="resultado" class="oculto"></div>
 

Código Javascript:

$("#algun_id").click(function(){
 
 //Paso 1, muestro la imagen del loading
 $("#loading").removeClass("oculto");
 
 //Paso 2, cargo la pagina que deseo
 $("#resultado").load("la_pagina.php", function(){
     
     //Paso 3, Terminado de cargar el contenido de "la_pagina.php", muestro el contenido
     $("#resultado").removeClass("oculto");
 });
 
});
 

Asi es como hago lo que deseas, pero con "load"... no creo que haya gran diferencia de intentarlo con ".ajax"

Saludos

[bluesky777]

Muy buena técnica, pero me sirve solo una vez, es que tengo un menú lateral que llena una caja central con algunos botones, la primera vez q selecciono un enlace, se trae el contenido y las funciones de javascript, y funciona!, pero si selecciono otro enlace del menú lateral, los botones del contenedor ya no responden, como si no tuvieran asignada ninguna función, lo que me hace pensar que al traer el script la primera vez, se queda y no es reemplazado por los otros scripts, ¿cómo haría entonces para eliminar las funciones traídas y traerlas nuevamente?

$("#ContLoaded").html("<img src='../img/loader-mini.gif'/><br/>");

$("#ContLoaded").load(urldir, function(){
$.getScript("../js/Competencias_Materia.js");
})

Gracias por ayudarme, espero sigan haciendolo. :(

[Rosencrantz]

Este articulo podria interesarte, sobre todo la parte del cache.
http://jquerybyexample.blogspot.com/...ternal-js.html

[bluesky777]

Hola Rosencrantz, gracias, pero al parecer el problema no es por la caché (no funcionó tampoco), cuando presiono un boton del contenedor, y este contenedor se llena con un contenido diferente, ya no me vuelve a funcionar si lleno nuevamente el contenedor con los botones del principio. ¿O qué me recomiendan que use? esto me está sacando canas, no entiendo por qué ocurre esto. Espero mas opiniones, gracias.

[bluesky777]

He encontrado requireJS, pero no sé cómo usarlo para saber si esto solucionaría mi problema, alguien me puede ayudar, aqui está un link super bueno:
http://fernetjs.com/2012/02/requirej...-dependencias/

[bluesky777]

Alguien podría ayudarme por favor :(

[bluesky777]

Pablo Ayala muchísimas gracias, ese método sí me sirvió, antes solo me servía una vez porque los archivos js tenian $(document).ready(...) y por eso solo se ejecutaban la primera vez, Dios los bendiga a todos. Ahora si puedo continuar.

[Pablo Ayala]

Excelente! saludos!

[Pablo Ayala]

y no me pusiste un puntito... :(