cargando el archivo javascript después de jquery.ready

Question

Quiero cargar un archivo javascript al final de jquery.ready para que el código en mi controlador listo no tenga que esperar hasta que se cargue este gran archivo javascript.

Mi código jquery.ready no se basa en absoluto en este archivo javascript.

¿Sería esta una buena manera de hacerlo?

$(function(){ 
    ... 
    ...  
    $('head').append('<script type="text/javascript" src="/largejs.js"></script>'); 
}); 

Answer 1

Uso .getScript: http://api.jquery.com/jQuery.getScript/

$(document).ready(function(){ 
    ... 
    ... 
    $.getScript("largejs.js"); 
}); 

Answer 2

La etiqueta citado "</script>" en realidad va a terminar su bloque de JavaScript antes de tiempo.

que haría uso de este método:

var newScript = $(document.createElement('script')); 
newScript.src="/largejs.js" 

Answer 3

Si su aplicación es nuevo y no demasiado largo, usted podía obtener una gran cantidad de usando LABjs para ese propósito. Permite que todos los archivos de script se carguen en paralelo o, incluso, en cualquier otro momento que prefiera (a pedido). http://labjs.com/

Answer 4

solución comprobará jQuery ya cargado, si no se comprobará después de algún tiempo aquí 500ms y el bucle hasta que se encontró jQuery

function loadScriptAfterJQueryReady(jsFile) { 
    setTimeout(function() { 
     var loadScript=true; 
     if (typeof jQuery == 'undefined') { 
      if (typeof window.jQuery == 'undefined') { 
       /* jQuery is not loaded */ 
       loadScript=false; 
       loadScriptAfterJQueryReady(jsFile); 
      }else{ 
       /* jQuery is loaded */ 
      } 
     } else { 
      /* jQuery is loaded */ 
     } 
     if(true==loadScript) jQuery.getScript(jsFile); 
    }, 500); 
} 
loadScriptAfterJQueryReady("my.js");