la fenêtre de la charge à l'intérieur d'un document de prêt?

Désolé si cela a déjà été répondu avant, mais toutes les recherches parler des différences, non pas à propos de les utiliser ensemble, si possible.

Tout simplement, vous pouvez $(window).load.(function() {}) être utilisé à l'INTÉRIEUR de $(document).ready.(function() {}) ?

J'ai quelques choses qui doit être fait après que le DOM est chargé, mais ensuite, je tiens à révéler certains éléments seulement après les images ont fini de charger. La seule chose qui fonctionne dans Explorer 8, est de mettre le $(window).load des fonctions à l'intérieur de la $(document).ready avec tout le reste.

Est-ce une pratique acceptable?

Je veux juste utiliser la meilleure méthode pour révéler un DIV qui contient des images de petite taille, comme une barre d'outils, après il est entièrement construit. (visibility hidden contre display none, par exemple). La page HTML de cette DIV est écrit par le code à l'intérieur de la $(document).ready et puis ajoutées au corps à l'aide de $('body').append() avant d'utiliser le $(window).load.

Je vais avoir beaucoup de problèmes avec Explorer 8.

InformationsquelleAutor Sparky | 2011-02-15

21

Cela fonctionne bien et est une pratique acceptable. Après tout, comme vous le décrivez, il peut y avoir des cas où la logique de la $(window).load() gestionnaire dépend de travail aura lieu après que le DOM est prêt. Si la fenêtre est en fait déjà chargé par le temps que vous $(window).load(), le gestionnaire sera juste le feu immédiatement.
- Merci pour votre réponse, elle m'a donné la confiance requise pour procéder à la ré-écriture de mon script dans quelque chose de plus robuste.
InformationsquelleAutor Ken Redler
11

EDIT:

NOTE: Cette réponse n'est applicable qu'à jQuery v2 et ci-dessous.

jQuery .prêt() événement:

Le gestionnaire passé à .ready() est garanti à être exécuté
après le DOM est prêt, donc c'est généralement le meilleur endroit pour attacher tous les autres gestionnaires d'événements et exécuter d'autres jQuery.

jQuery .load() événement méthode:

La load événement est envoyé à un élément lorsqu'il et de tous les sous-éléments
été complètement chargé. Cet événement peut être envoyé à n'importe quel élément
associé à une URL: des images, des scripts, des frames, iframes, et la
objet de la fenêtre.

Basé sur jQuery documentation ci-dessus, j'ai rien vu qui pourrait indiquer des problèmes avec les éléments suivants:
```
$(document).ready(function () {
    //will fire IMMEDIATELY after the DOM is constructed

    $(window).load(function() {
        //will only fire AFTER all pages assets have loaded
    })

});
```
Plaçant un .load à l'intérieur d'un ready simplement garantit que le DOM est prêt quand le load est déclenché.

L'on peut souhaiter à la place tous jQuery code au sein d'un seul DOM prêt gestionnaire, et pourtant reste peut-être un sous-ensemble de jQuery code qui exige que toutes les images être chargé en premier. Cette entente garantit que tous les code déclenché une fois sur les DOM et le reste sera déclenché par la suite à chaque fois que la page d'actifs ont fini de charger.

Cela peut finalement être plus une question de préférence personnelle, cependant, l'OP a été clairement demander si cet arrangement serait causer des problèmes. Cela n'a pas été prouvé pour être vrai.
- C'est un fantasistic répondre
- Malheureusement, cela ne fonctionne plus en jQuery 3. Le gestionnaire de chargement ne sera pas appelé.
InformationsquelleAutor
4

AVERTISSEMENT:
Les réponses à cette question sont tout à fait obsolète.

Comme @ViRuSTriNiTy mentionné dans les commentaires que ce code n'est plus valable en jQuery 3 et il a été mentionné comme un problème sur GitHub.

Donc cette méthode n'est pas conseillé plus.

Une façon de le faire est d'utiliser le code suivant
```
$(window).on("load", function(){
   $.ready.then(function(){
      //Both ready and loaded
   });
})
```
Toutefois, ce code ne fonctionnera pas si vous chargez des images dans le prêt et voulez l'appeler du code après il est entièrement chargé.
- C'est ce que j'ai heurté. $(window).on("load"... ne sera jamais le feu à l'intérieur d'un document ready fonction.
InformationsquelleAutor Abkarino
4

J'ai rencontré ce problème récemment... à partir de jQuery version 3, nous ne pouvons plus mettre $(window).sur (la "charge") à l'intérieur du document.prêt()... car prêt gestionnaire sont appelés de manière asynchrone, ce qui signifie prêt peut être appelée après la charge.

De jQuery Équipe de Base: Github: jQuery 3 questions

Pour être clair, nous comprenons ce qui cause cela. Nous avons récemment fait prêt
les gestionnaires d'incendie de manière asynchrone. Cela a des avantages qui sont difficiles à
donner vers le haut. L'inconvénient est que les prêts gestionnaire peut parfois incendie
après l'événement de chargement si la charge événement se déclenche assez rapidement. Le côté
l'effet que vous voyez dans ce problème, c'est que vous êtes la liaison d'un événement de chargement
gestionnaire après l'événement load a déjà tiré.

Le correctif est de se lier à la charge à l'extérieur de prêt.

C'est la façon dont les deux méthodes devraient être appelé:
```
$(function() {
  //Things that need to happen when the document is ready
});

$(window).on("load", function() {
  //Things that need to happen after full load
});
```
InformationsquelleAutor Hooman Bahreini

Vous devez vous connecter pour publier un commentaire.