Charger le script jQuery une fois le script JavaScript terminé

Question

De la même manière que jQuery se charge une fois le document chargé, j'ai besoin d'un peu de jQuery après la fin du script JavaScript.

Je charge les données de contact de l'API Google Data et le div où les données apparaissent doit être complètement chargé (par le javascript) pour être accessible par le jQuery si j'ai raison.

Y at-il un moyen de le faire?

Answer 1

Imaginons que vous attendiez le chargement de Google Analytics. Maintenant, vous savez que lorsque Google Analytics se charge, _gaq sera enregistré sur le DOM. Donc, sauf tous les autres (mieux) options asynchrones, vous pouvez créer une fonction qui attend l'existence de _gaq:

waitForGaq = function(fn, attemptsLeft) { 
    var tick = attemptsLeft || 30; 

    if (typeof(_gaq) != 'object' || !_gaq._getAsyncTracker) { 
     //_gaq isn't registered yet 
     if (tick > 1) { 
      //recurse 
      setTimeout(function() { 
       waitForGaq(fn, tick - 1); 
      }, 100) 
     } 
     else { 
      //no ticks left, log error 
      log('failed to load window.gaq'); 
     } 
    } 
    else { 
     //gaq is loaded, fire fn 
     fn(); 
    } 
} 

Ainsi, tout code doit courir après _gaq est enregistré, vous pouvez ajouter à la page thusly :

waitForGaq(function() { 
    //here's all my code... 
}); 

réitérer: récursion comme celui-ci est nécessaire que si le script que vous ajoutez n'offre pas une manière asynchrone d'interagir avec la bibliothèque. Google Analytics, pour un, est une sorte d'exemple sans objet car il offre une approche plus propre:

http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html

Answer 2

injecter une étiquette directement après l'original avec le code jQuery vous devez exécuter

<script src="foo" id="bar">

$("#bar").after(
    $("<script>").text("some code") 
); 

Answer 3

si je comprends bien, vous voulez faire quelque chose comme:

<script> 
// your javascript code 
</script> 
<script> 
//your jquery code 
</script> 

Answer 4

Essayez head.js

Il permet de définir exactement quand (après script spécifique ou après tous ont été chargé) vous voulez exécuter un morceau de code particulier. Sans compter que c'est par lui-même très soigné.