Événements jQuery .load (), .ready (), .unload ()

Question

Juste une simple question, pour le jquery événement. Sont la .load(), .prêt() et .unload() exécuter dans l'ordre lorsque le DOM est chargé? La réponse semble oui, quand je vois le jQuery Documentation.

<script type="text/javascript">

        $(window).load(function () {
            // run code
            initializeCode();
        });

        $(document).ready(function() {
            //run code that MUST be after initialize

        });

        $(window).unload(function() {

            Cleanup();
        });
    </script>

Toutefois, le code à l'intérieur de l' .prêt() est exécutée avant la initializeCode(); est d'exécuter, donc je me sens vraiment étrange. Et maintenant, je dois placer mon code à l'intérieur de l' .onload() la méthode et juste après la initializeCode(); ligne, ce qui signifie être à l'intérieur de l' .prêt() de bloc.

Quelqu'un pourrait-il m'expliquer plus à ce sujet, comme je suis nouveau sur jQuery.

Je vous remercie beaucoup.

Answer 1

$(window).load();

Exécutera une fois la page ainsi que son contenu sont fait de chargement. Cela signifie que toutes les images, CSS (et le contenu définis par le CSS comme des polices personnalisées et des images), des scripts, etc. sont tous chargés. Ce qui se passe événement se déclenche lorsque votre navigateur est "Stop" -icône devient gris, pour ainsi dire. Ceci est très utile pour détecter le moment où le document avec l'ensemble de son contenu sont chargés.

$(document).ready();

Le présent de l'autre coté du feu dès que le navigateur est capable d'exécuter votre code JavaScript, ce qui se produit après l'analyseur est fait avec le DOM. Ceci est utile si vous souhaitez exécuter le code JavaScript dès que possible.

$(window).unload();

Cet événement sera déclenché lorsque vous vous déplacez hors de la page. Qui pourrait être d'Actualisation/F5, en appuyant sur le bouton page précédente, l'accès à un autre site web ou la fermeture de l'ensemble de l'onglet/fenêtre.

Pour résumer, prêt() sera tiré avant load(), et de déchargement() sera le dernier à être tiré.

Answer 2

Le chargement de la fenêtre attend que toutes les ressources soient chargées.

document ready attend que le document soit initialisé.

bien décharger, attend que le document soit déchargé.

la commande est la suivante: document prêt, chargement de la fenêtre, ... ... ... ... déchargement de la fenêtre.

utilisez toujours le document Prêt, sauf si vous devez attendre le chargement de vos images.

sténographie pour document prêt:

 $(function(){
    // yay!
});
 

Answer 3

Si les deux variantes "document.ready" sont utilisées, elles se déclencheront toutes les deux, dans l'ordre d'apparition.

 $(function(){
    alert('shorthand document.ready');
});

//try changing places
$(document).ready(function(){
    alert('document.ready');
});