динамический вызов сценария JS

Question

Я использую TogetherJS (http://togetherjs.com), и я хочу вызвать его динамически, как только DOM будет готов. При вызове его через тег сценария в голове он работает правильно. Проблема возникает при динамическом вызове тот же сценарий:

function loadjsfile(filename, filetype){ 
if (filetype=="js"){ //if filename is a external JavaScript file 
    var fileref=document.createElement('script') 
    fileref.setAttribute("type","text/javascript") 
    fileref.setAttribute("src", filename) 
} 
if (typeof fileref!="undefined") 
    document.getElementsByTagName("head")[0].appendChild(fileref) 
} 

loadjsfile("https://togetherjs.com/togetherjs-min.js", "js") 

Эти функции не работают, то:

TogetherJS.hub.on('init', function (msg) { 
    console.log("init"); 
}); 

TogetherJS.on("ready", function() { 
    console.log("ready"); 
}); 

я получаю "TogetherJS не определен".

Что я могу сделать?

Edit: На самом деле я хочу, чтобы загрузить его после Галериа (http://galleria.io) готов, так что я звоню это нравится:

Galleria.ready(function(){ 
    loadjsfile("https://togetherjs.com/togetherjs-min.js", "js"); 
}) 

edit2:
раздел Found "Отсрочка Initialization" в документы togetherjs.com/docs/#extending-togetherjs. Я просто не знаю, как заменить эту строку:

MyApp.onload = callback; 

Мне нужно Galleria's.ready событие вместо MyApp.onload.

Answer 1

Добавление узла сценария в DOM не гарантирует, что файл завершит загрузку и синтаксический анализ перед выполнением последующего кода. В основном, вы пытаетесь выполнить свойства из TogetherJS до их создания.

Просто задержка выполнения до загрузки страницы.

function loadjsfile(filename, filetype){ 

    if (filetype=="js"){ //if filename is a external JavaScript file 
     var fileref=document.createElement('script'); 
     fileref.setAttribute("type","text/javascript"); 
     fileref.setAttribute("src", filename); 
    } 
    if (typeof fileref!="undefined") 
     document.getElementsByTagName("head")[0].appendChild(fileref); 
     //call TogetherJS methods after script has loaded 
     fileref.onload = function() { 
      TogetherJS.hub.on('init', function (msg) { 
       console.log("init"); 
      }); 

      TogetherJS.on("ready", function() { 
       console.log("ready"); 
      }); 
     }; 
    } 
} 

loadjsfile("https://togetherjs.com/togetherjs-min.js", "js");