загрузка javascript-файла после jquery.ready

Question

Я хочу загрузить файл javascript в конце jquery.ready, так что код в моем готовом обработчике не должен ждать выполнения, пока не будет загружен этот большой файл javascript.

Код моей jquery.ready не зависит от этого файла javascript вообще.

Будет ли это хорошим способом сделать это?

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

Answer 1

Использование .getScript: http://api.jquery.com/jQuery.getScript/

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

Answer 2

Котировочная «</script>» тег будет фактически закончить блок JavaScript преждевременно.

Я хотел бы использовать этот метод:

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

Answer 3

Если ваше приложение является новым и не слишком далеко еще, вы можете получить много из используя для этого LABjs. Он позволяет загружать все ваши файлы сценариев параллельно или, даже, в любое другое время, которое вы предпочитаете (по запросу). http://labjs.com/

Answer 4

решение будет проверить JQuery уже загружен, если не будет проверять через какое-то время здесь 500мс и цикл до тех пор, пока не нашел 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");