Ajouté dynamiquement script s'exécute pas

Je suis dynamiquement l'ajout d'un script de github gist. Si je l'ai ajouté à la page html avant le chargement de la page, le script va s'exécuter. Mais Si j'essaie de l'ajouter à la page d'après, il charge, il ajoute le script de la page, mais ne pas l'exécuter.

Ici est de savoir comment je suis l'ajouter à la page

Html

<div id="results"></div>

Javascript

$('#results').click(function() {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://gist.github.com/1265374.js?file=GetGists.js";
    document.getElementById('results').appendChild(script);
    console.log('script added');
});

Ici est l'exemple vivant

http://jsfiddle.net/guanome/JqB3g/3/

OriginalL'auteur guanome | 2011-10-13

  1. 9

    Donc, la meilleure option que je peux voir, c'est de remplacer (même si ce n'est temporairement alors que le script charge) document.write. C'est une sorte de contourner, mais puisque vous ne contrôlez pas le code de venir, je pense que c'est peut-être le meilleur que vous avez. Vous aussi vous ne devriez pas être à l'aide de document.write à tout moment après le chargement de la page, mais juste au cas où, je serais peut-être passer au peigne fin de votre code.

    Voici un violon avec une solution de travail. Si vous voulais revenir document.write après le chargement du script, vous pouvez toujours vérifier pour voir si script.complete est true, autrement, écouter pour une onload événement, qui devrait vous permettre de changer document.write dos. Je suis trop paresseux pour le code dans le violon à l'instant, mais ce serait le code, en général:

    script.src = "...";
document.getElementById("results").appendChild(script);
if(script.complete) document.write = document._write;
else script.load(function() { 
    //Goes to the end of the run queue so that the script 
    //is guaranteed to run before this code
    setTimeout(function(){document.write = document._write;},0);
});
    Cette méthode semble fonctionner le mieux en dehors de toute référence.

    OriginalL'auteur Ktash

  2. 3

    C'est l'exécution, mais il ne fonctionne pas car il utilise document.write, qui ne peut être utilisé en mode synchrone. Inclure async document.écrire, et modifiez votre script en tant que tel:

    $('#results').click(function() {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://gist.github.com/1265374.js?file=GetGists.js";
    document.write.to = {filename: script.src};
    document.getElementById('results').appendChild(script);
    console.log('script added');
});
    ... ou n'utilisez pas de document.écrire à la première place si vous pouvez sortir avec elle
    Je voudrais bien, mais je ne contrôle pas ce que github fournit dans leur code d'intégration.
    Gris, j'ai ajouté ton code et inclus async document.écrire un violon, et c'est d'ajouter le script de la page, mais ce n'est pas l'exécution du script qui a été ajouté à la page.

    OriginalL'auteur Eli Grey

  3. 1

    Donc, comme une alternative, en fait, je viens de tombé sur une bibliothèque qui semble comme il pourrait gérer cela pour vous. Découvrez Injector.js, et cela devrait fonctionner pour vous.

    OriginalL'auteur Ktash

  4. 0

    votre script est en cours d'exécution , vous ne pouvez pas utiliser document.écrire à partir d'elle. Utilisez une alerte pour tester et éviter l'utilisation de document.écrire. Les déclarations de votre fichier js avec le document.écrire ne sera pas exécuté et le reste de la fonction sera exécutée.

    OriginalL'auteur Kunal Kinalekar

  5. 0

    J'ai été en mesure d'accomplir ceci après des heures à essayer, y compris toutes les autres réponses ici.
    Ma balise de script ressemble à ceci:

    <script src="https://somedomain.com/some.js"></scipt>

    donc pas de eval() a été possible.

    J'ai utilisé jQuery.getScript() à la fin, qui va chercher le fichier js et l'exécute:

    var $scriptTag = $('#myElement script');
var scriptSrc = $scriptTag.attr('src');
$.getScript(scriptSrc);

    OriginalL'auteur xtools

  6. -3

    Essayez $(this).append(script) ou $(this).html(script)

    Je ne suis pas sûr de la façon qui est différente de ce que je suis en train de faire. this est juste se référant à la #results div. Je suis déjà le faire avec le code javascript de base.
    les deux ne fonctionnent pas, les scripts ne sont pas exécutés

    OriginalL'auteur razvancod