Próbuję załadować zestaw skryptów w kolejności, ale zdarzenie onload nie jest uruchamiane.
var scripts = [
'//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js',
'//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js',
MK.host+'/templates/templates.js'
];
function loadScripts(scripts){
var script = scripts.shift();
var el = document.createElement('script');
el.src = script;
el.onload = function(script){
console.log(script + ' loaded!');
if (scripts.length) {
loadScripts(scripts);
}
else {
console.log('run app');
MK.init();
}
};
$body.append(el);
}
loadScripts(scripts);
Wydaje mi się, że zdarzenia natywne, takie jak el.onload, nie są uruchamiane, gdy do dodania elementu do DOM jest używane jQuery. Jeśli używam natywnego, document.body.appendChild(el)
to odpala zgodnie z oczekiwaniami.
javascript
jquery
onload
chovy
źródło
źródło
Odpowiedzi:
Należy ustawić
src
atrybut po tymonload
wydarzeniu, f.ex:el.onload = function() { //... el.src = script;
Powinieneś także dołączyć skrypt do DOM przed dołączeniem
onload
zdarzenia:$body.append(el); el.onload = function() { //... el.src = script;
Pamiętaj, że musisz sprawdzić
readystate
obsługę IE. Jeśli używasz jQuery, możesz również wypróbowaćgetScript()
metodę: http://api.jquery.com/jQuery.getScript/źródło
document.body.appendChild(el)
zamiast $ ('body'). Append (el); następnie zdarzenie onload jest uruchamiane zgodnie z oczekiwaniami.src
nieistotna.onload
isrc
?