Javascript Girl
  1. Javascript Girl
  3. Le script Jquery n'est pas chargé, sur appendChild
Intereting Posts
Regex – obtenir des nombres après une certaine chaîne de caractères Comment puis-je copier par programmation tous les attributs de style d'un élément DOM à un autre Javascript, simulation d'événements clavier, travail sur chrome (webkit) Désactivation des informations sur les navigateurs sur les liens et <abbr> s Différence entre indéfini et non défini dans Javascript Passer la variable javascript à php sans actualiser la page Pourquoi PassportJS dans Node ne supprime pas la session lors de la connexion Déplacement d'un point sur une ligne en toile JavaScript L'audio HTML ne peut pas régler currentTime JQuery – Exécuter une fois par session Comment accéder au cadre intérieur Jasmine 2.0 SpecRunner vs Karma Javascript: couper le cordon et retourner dans différentes entrées Mode optimal / préféré pour appeler 'SP.ClientContext.executeQueryAsync' dans SharePoint Mode élégant Javascript pour diviser la chaîne en segments n caractères longs

Le script Jquery n'est pas chargé, sur appendChild

Je charge mes fichiers de script dynamiquement en utilisant ce code, 

<script type="text/javascript"> var newscript = document.createElement('script'); newscript.type = 'text/javascript'; newscript.src = '../static/js/jquery.js'; document.getElementsByClassName('container')[0].appendChild(newscript); var newscript = document.createElement('script'); newscript.type = 'text/javascript'; newscript.src = '../static/js/report_app.js'; document.getElementsByClassName('container')[0].appendChild(newscript); </script>

Il lance une erreur comme, 

 Reference error: $ is not defined

report_app.js .

Je pensais jquery.js script jquery.js doit être chargé dans le DOM lorsque le fichier suivant, report_app.js est analysé.

Mais l'erreur montre que jquery.js n'est pas exécuté. Comment garantir qu'un fichier de script est chargé avant d'exécuter le prochain?

C'est parce que le script est ajouté de manière asynchrone, vous pouvez utiliser le rappel de recharge 

 function addScript(path, callback) { var newscript = document.createElement('script'); newscript.type = 'text/javascript'; newscript.src = path; newscript.onload = callback; document.body.appendChild(newscript); } addScript('http://code.jquery.com/jquery-1.11.2.js', function () { addScript('../static/js/report_app.js'); })

Demo: Fiddle