펼쳐지는 이벤트를 시작합니다.

펼쳐지는 이벤트를 시작합니다.

---

공연의 순서대로 순서대로 제작하여 이벤트가 발생하지 않습니다.

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

el.onload와 같은 추가 요소 이벤트는 jQuery를 사용하여 DOM에 추가 할 때 발생하지 않습니다. 네이티브 document.body.appendChild(el)를 사용하면 예상대로 실행됩니다.

---

src속성 후 설정해야합니다.onload 이벤트를 f.ex :

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

또한 이벤트 를 첨부 하기 전에 DOM에 펼쳐야합니다 onload.

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

readystateIE 지원 을 확인해야합니다 . jQuery를 사용하는 경우 http://api.jquery.com/jQuery.getScript/getScript() 메소드를 볼 수도 있습니다 .

참고 URL : https://stackoverflow.com/questions/16230886/trying-to-fire-the-onload-event-on-script-tag