Comprendere l'ordine di esecuzione degli eventi load() e ready() è di fondamentale importanza per poter caricare correttamente il nostro codice jQuery. In JavaScript, infatti, l'oggetto globale window viene creato prima dell'oggetto document. Da ciò consegue che l'ordine degli eventi viene determinato da questa sequenza. Possiamo sfruttare questa caratteristica per effettuare il precaricamento del codice. Vediamo come.
Il seguente codice jQuery non produrrà gli effetti sperati:
$(window).load(function() {
alert('Load');
});
$(function() {
alert('Ready');
});
Infatti vedremo solo il secondo alert, in quanto l'evento ready() sovrascriverà l'evento load(). Dobbiamo invece inserire l'evento ready() all'interno del contesto di esecuzione di load():
$(window).load(function() {
alert('Load');
$(function() {
alert('Ready');
});
});
E questo è il risultato: