Intentando activar el evento onload en la etiqueta del script

Estoy intentando cargar un conjunto de scripts en orden, pero el evento onload no se activa 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 se usa jQuery para agregar el elemento al DOM. Si uso nativo document.body.appendChild(el), se dispara como se esperaba.

Debe establecer el srcatributo después del onloadevento, por ejemplo:

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

También debe agregar el script al DOM antes de adjuntar el onloadevento:

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

Recuerde que debe verificar la readystatecompatibilidad con IE. Si está utilizando jQuery, también puede probar el getScript()método: http://api.jquery.com/jQuery.getScript/