google.load custom js

Question

J'utilise google ajax api Comment puis-je charger des js personnalisés qui dépendent de libs chargées par ajaxapi?

Answer 1

Vous pouvez définir une fonction qui insère l'objet de script dans le DOM comme

<script type="text/javascript"> 
function loadMyCustomJavaScript() { 
    var script = document.createElement("script"); 
    script.src = "http://www.example.org/my.js"; 
    script.type = "text/javascript"; 
    document.getElementsByTagName("head")[0].appendChild(script); 
} 
</script> 

et soit l'utiliser comme google.setOnLoadCallback

<script src="http://www.google.com/jsapi?key=ABCDEFG" type="text/javascript"></script> 
<script type="text/javascript"> 
    google.load("jquery", "1"); 
    google.setOnLoadCallback(loadMyCustomJavaScript); 
</script> 

ou, si vous voulez le charger avec un Google spécifique bibliothèque que vous chargez, comme un rappel pour cette méthode, à savoir.

<script src="http://www.google.com/jsapi?key=ABCDEFG" type="text/javascript"></script> 
<script type="text/javascript"> 
    google.load("maps", "2"); 
    google.load("search", "1", {"callback" : loadMyCustomJavaScript}); 
</script> 

Mise à jour: Sur la base de votre commentaire, vous pouvez essayer d'utiliser jQuery.getScript qui fournit une fonction de rappel du code JavaScript chargé (externe). Selon HubLog: Google, jQuery and plugin loading, vous devrez peut-être utiliser window.setTimeout pour retarder l'exécution d'une fonction jusqu'à ce que le (s) script (s) ait été évalué.

Étant donné que jQuery et ses plugins sont probablement chargés de manière asynchrone, vous devrez peut-être utiliser un JavaScript discret au lieu d'utiliser directement les fonctions jQuery/plugin dans le code HTML.