document.createElement ('script') ... aggiunta di due script con una callback

Question

Ho bisogno di aggiungere un prototipo e quindi aggiungere scriptaculous e ottenere una richiamata quando entrambi vengono caricati. Attualmente sto caricando prototipo in questo modo:

var script = document.createElement("script"); 
script.src = "http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"; 
script.onload = script.onreadystatechange = callback; 
document.body.appendChild(script); 

avrei potuto fare questo concatenando i callback, ma che sembra cattive pratiche (io non voglio una catena sciocco di 20 metodi di callback quando ho bisogno di caricare più script). Idee?

Answer 1

Vi propongo di utilizzare un piccolo caricatore che si incatena e fa cose per voi. Ad esempio come questo:

Questo script dovrebbe aiutarti a creare i tag di script e chiamare il callback quando tutti i file sono caricati. Richiamare è abbastanza facile:

loadScripts([ 
    "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js", 
    "http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" 
],function(){ 
    alert('All things are loaded'); 
}); 

Spero che questo vi aiuterà

Answer 2

Dal Scriptaculous richiede prototipo, si dovrà catena gli ascoltatori, con qualsiasi metodo utilizzato per caricare questi script.

Esistono vari caricatori di script disponibili per caricare script in parallelo, il più rapidamente possibile, ad es. LABjs, ma nessuno sarà di grande aiuto in questo scenario.

Se si finisce per caricare 10-20 script, è consigliabile combinare in anticipo gli script, utilizzando uno strumento come Combiner.

Answer 3

A causa di un bug in Internet Explorer, il programma del caricatore ricorsivo di nemisj non funziona correttamente in IE. Può essere risolto impostando un ritardo sulla chiamata ricorsiva come:

function loadScripts(array,callback){ 
    var loader = function(src,handler){ 
     var script = document.createElement("script"); 
     script.src = src; 
     script.onload = script.onreadystatechange = function(){ 
      script.onreadystatechange = script.onload = null; 
      if(/MSIE ([6-9]+\.\d+);/.test(navigator.userAgent))window.setTimeout(function(){handler();},8,this); else handler(); 
     } 
     var head = document.getElementsByTagName("head")[0]; 
     (head || document.body).appendChild(script); 
    }; 
    (function(){ 
     if(array.length!=0){ 
       loader(array.shift(),arguments.callee); 
     }else{ 
       callback && callback(); 
     } 
    })(); 
} 

Questo piccolo trucco lo fa, e spesso è la soluzione in IE, quando si verifica un problema inspiegabile, che è troppo spesso.