jQuery: impone l'ordine di esecuzione delle chiamate document.ready()

Question

Sto lavorando su un codebase con più blocchi di codice che impostano un comportamento su document.ready() (jQuery). C'è un modo per far rispettare quel blocco specifico che viene chiamato prima degli altri?

Sfondo: Ho bisogno di rilevare gli errori JS in un ambiente di test automatico, quindi ho bisogno del codice che inizia a registrare gli errori JS da eseguire prima che venga eseguito qualsiasi altro codice JS.

Answer 1

document.ready() le richiamate vengono richiamate nell'ordine in cui sono state registrate. Se si registra prima il callback di prova, verrà chiamato per primo.

Anche se il codice di test in realtà non ha bisogno di manipolare il DOM, è possibile essere in grado di eseguirlo mentre il codice viene analizzato e non attendere fino a quando il DOM non è pronto, prima che vengano richiamati gli altri callback document.ready(). Oppure, potresti eseguire immediatamente parte del tuo codice di test e rinviare solo la parte che utilizza il DOM fino a document.ready().

Un'altra idea è (a scopo di test solo) è possibile eseguire con una versione leggermente modificata di jQuery che ha aggiunto un flag per document.ready() che quando passò e impostare a true indicato per chiamare tale funzione prima o si potrebbe aggiungere un nuovo metodo document.readyFirst() questo chiamerebbe prima la tua funzione. Ciò comporterebbe modifiche minori al codice di elaborazione document.ready() in jQuery.

Answer 2

È possibile eseguire il codice di inizio registrazione in DOMReady e altre inizializzazioni in caricamento. Oppure puoi creare il tuo gestore di inizializzazione che chiama prima il codice di inizio registrazione e poi tutte le altre callback di inizializzazione (a condizione che siano registrate con il tuo gestore e non jQuery, a meno che tu non voglia hackerare jQuery ed estrarle da lì, cosa che non faccio t consiglio).

Answer 3

Dovresti essere in grado di utilizzare holdReady per farlo. Finché è incluso prima degli eventi pronti, è possibile eseguire il proprio codice e quindi attivare gli altri eventi pronti.

Answer 4

Come @ jfriend00 contare che ready callbacks are called in the order they were registered.

Quindi, anche se questo blocco di codice ha invitato l'inizio, è possibile impostare un altro richiamata in esso così sarà eseguito su endmost.

jQuery(document).ready(function(){ 
    jQuery(document).ready(function(){ 
     // This block will be executed after all ready calls. 
    }); 
}); 

Answer 5

stavo cercando di fare qualcosa di simile, mi stava caricando un gruppo di polyfills che avevano .ready() funzioni, ma ho anche avuto il mio .ready() s a pagina che avevo bisogno eseguita per prima , sebbene i polyfill siano stati caricati nell'intestazione.

Ho trovato un buon modo per aggirarlo avendo un .ready() molto presto (subito dopo i carichi jQuery) che esegue le funzioni da un array. Poiché è molto presto nel codice sorgente, viene eseguito .ready(). Più in basso nella pagina posso aggiungere funzioni all'array e, quindi, vengono eseguite prima di qualsiasi altro .ready() s.

L'ho avvolto in una funzione .beforeReady() e lo metto su GitHub come jQuery-Before-Ready per chiunque sia interessato. https://github.com/aim12340/jQuery-Before-Ready