deuxième $ (document) de l'événement .ready jQuery

Question

J'utilise une jQuery externe avec $ (document) .ready () pour insérer annonces après le document événement prêt a tiré, quelque chose comme:

$(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
});

Il est d'empêcher l'interface utilisateur bloquée par la lenteur de chargement des annonces. Jusqu'à présent, il a été fonctionne bien.

Maintenant, je dois insérer des annonces plus que notre système CMS, cela ne peut pas faire partie du fichier JS externe, alors je me demande ce que je peux utiliser un second document événement prêt et insérez-le à l'aide d'une balise de script en ligne? Si oui, quel sera l'ordre d'exécution du document JS externe événement ready premier ou le script en ligne?

Answer 1

Vous pouvez utiliser autant de méthodes d'événement que vous voulez, jquery les rejoint dans une file d'attente. Ordre de l'appel de la méthode est la même que l'ordre de définition -. Dernière ajouté est le dernier appelé

Une chose utile peut être aussi que, vous pouvez charger le code html avec le script en utilisant ajax et lorsque le code est chargé dans DOM $ (). Prêt () sera également appelé, de sorte que vous pouvez charger des annonces dynamiquement.

Answer 2

Oui, l'ajout de plusieurs $ (documents) .ready () s est pas un problème. Tous seront exécutés sur l'événement prêt.

Notez cependant que votre exemple de code est erroné. $ (Document) .ready () prend une fonction, pas une expression. Donc, vous devez nourrir une fonction comme ceci:

 $(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
 });

Cette fonction sera exécutée lorsque le document est prêt.

Answer 3

Voici est un petit tutoriel sur plusieurs documents Prêt

Answer 4

  

Un bonus supplémentaire de la façon dont jQuery est   que vous pouvez avoir plusieurs prêts ()   Définitions. Tel est le cas avec tous les   événements jQuery.

     

$ (document) .ready (function () {   alert ( "Number One"); });

     

$ (document) .ready (function () {   alert ( "Number Two");

Answer 5

JQuery appelle les fonctions prêtes à l'ordre dans lequel elles sont définies. Si vous voulez charger des données de première et de l'exécution deleay utilisation holdReady () .