javascript - funcion - onload div

Intentando activar el evento onload en la etiqueta de secuencia de comandos

Question

Intento cargar un conjunto de secuencias de comandos en orden, pero el evento de carga no funciona para mí.

    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);

Supongo que los eventos nativos como el.onload no se activan cuando jQuery se usa para agregar el elemento al DOM. Si uso document.body.appendChild(el) nativo, se dispara como se esperaba.

Answer 1

Debe establecer el atributo src después del evento onload , f.ex:

el.onload = function() { //...
el.src = script;

También debe agregar la secuencia de comandos al DOM antes de adjuntar el evento onload :

$body.append(el);
el.onload = function() { //...
el.src = script;

Recuerde que necesita verificar readystate para soporte de IE. Si está utilizando jQuery, también puede probar el método getScript() : http://api.jquery.com/jQuery.getScript/