Wie verzögert man Variablen und Funktionen?

Question

Ich erhalte einen Fehler in meiner Konsole, der sagt "Firebase ist nicht definiert".

1. Scheint so, als ob dieser "Basis" -Code vor dem anderen nicht geladen wurde.

EDIT können das Skript im Header nicht setzen, so müssen sie auf diese Weise

var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "https://cdn.firebase.com/v0/firebase.js"; 
document.head.appendChild(script); 

2. Also ich diese irgendwie verzögern, müssen tun. Wie würde ich das erreichen?

var myDataRef = new Firebase('https://eloquatest.firebaseio.com/'); 
myDataRef.on('child_added', function(snapshot) { 
var post = snapshot.val(); 
}); 

function submitPost(e) { 
var myDataRef = new Firebase('https://eloquatest.firebaseio.com/'); 
var name = $('#field0').val(); 
myDataRef.push({name: name}); 
$('#field0').val(''); 
} 

3. Ich versuchte es in $(document).ready(function() gestellt, aber hat nicht funktioniert. -Link: https://learn.jquery.com/using-jquery-core/document-ready/

Answer 1

Verwenden onload Methode von document.createElement(), auf diese Weise:

var script = document.createElement('script'); 
script.onload = function() { 
    // put here code which depends on Firebase to be loaded... 
}; 
script.type = "text/javascript"; 
script.src = "https://cdn.firebase.com/v0/firebase.js"; 
document.head.appendChild(script); 

Answer 2

Was Sie suchen onload Veranstaltung ist:

var script = document.createElement("script"); 
document.head.appendChild(script); 

script.onload = function() { 
    var myDataRef = new Firebase('https://eloquatest.firebaseio.com/'); 
    myDataRef.on('child_added', function(snapshot) { 
     var post = snapshot.val(); 
    }); 

    function submitPost(e) { 
     var myDataRef = new Firebase('https://eloquatest.firebaseio.com/'); 
     var name = $('#field0').val(); 
     myDataRef.push({name: name}); 
     $('#field0').val(''); 
    } 
}; 
script.type = "text/javascript"; 
script.src = "https://cdn.firebase.com/v0/firebase.js"; 

Beachten Sie, dass SO nach diesen Thread [Trying to fire the onload event on script tag ] die Reihenfolge dieser Operationen (Aufruf appendChild, Einstellung src und onload) zählt. Habe das nicht überprüft.

Auch da Sie jQuery verwenden Sie vielleicht einen Blick auf getScript Funktion haben wollen: http://api.jquery.com/jQuery.getScript/