Cố gắng kích hoạt sự kiện onload trên thẻ script

Tôi đang cố gắng tải một bộ tập lệnh theo thứ tự, nhưng sự kiện tải không kích hoạt đối với tôi.

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

Tôi đoán các sự kiện gốc như el.onload không kích hoạt khi jQuery được sử dụng để nối phần tử vào DOM. Nếu tôi sử dụng bản địa document.body.appendChild(el)thì nó sẽ kích hoạt như mong đợi.

Bạn nên thiết lập các srcthuộc tính sau khi các onloadsự kiện, f.ex:

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

Bạn cũng nên nối tập lệnh vào DOM trước khi đính kèm onloadsự kiện:

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

Hãy nhớ rằng bạn cần kiểm tra readystatehỗ trợ của IE. Nếu bạn đang sử dụng jQuery, bạn cũng có thể thử getScript()phương pháp: http://api.jquery.com/jQuery.getScript/