Come eseguire una funzione jQuery dopo tutto e qualsiasi altro javascript è stato eseguito

Question

Ho una pagina di galleria fotografica ospitata su un CMS (Squarespace) che ha alcuni dei propri script che caricano le anteprime in modo asincrono.

Le immagini di grandi dimensioni attuali, tuttavia, non sono precaricate, così ho deciso di aggiungere il mio script proprio nel mix di fare solo caricare il browser quelle immagini più grandi nella cache in background, in questo modo:

(function($) { 
    var cache = []; 
    // Arguments are image paths relative to the current page. 
    $.preLoadImages = function() { 
    var args_len = arguments.length; 
    for (var i = args_len; i--;) { 
     var cacheImage = document.createElement('img'); 
     cacheImage.src = arguments[i]; 
     cache.push(cacheImage); 
    } 
    } 
})(jQuery) 

$(window).load(function(){ 
$.preLoadImages(
    "/picture/1.jpg", 
    "/picture/2.jpg", //etc. 
    ); 
}); 

Ho inserito il mio codice in $ (window) .load() perché si tratta di uno script in background e non è essenziale nemmeno funzionare, è solo per migliorare le prestazioni.

Tuttavia, penso che questo script stia in qualche modo bloccando lo script di precaricamento della miniatura del CMS.

Ho ragione? E, soprattutto, c'è un modo per imporre che il mio script venga eseguito solo dopo che tutti gli altri script sulla pagina sono stati eseguiti?

applausi

Answer 1

JavaScript è sempre in funzione, l'evento hover ad esempio è sparare continuamente, mousemove, ecc ... non c'è "fine" alla corsa script.

Tuttavia, nel tuo caso, questo non dovrebbe bloccare nessun altro preloading ... anche tu puoi usare document.ready qui, dato che in realtà non hai bisogno di immagini caricate prima dell'esecuzione del codice.

Infatti, in realtà stai rallentando la pagina utilizzando window.load invece ... poiché il precaricamento inizia più tardi, quando potrebbe essere parallelizzato con altri download in precedenza dal browser. Invece utilizzare document.ready, in questo modo:

$(function(){ 
    $.preLoadImages(
    "/picture/1.jpg", 
    "/picture/2.jpg", //etc. 
    ); 
}); 

Answer 2

Gli script vengono caricati dall'alto verso il basso, e onloads corpo sono normalmente aggiunti alla onloads esistenti - così fintanto che $ (function() .. è alla fine della pagina, (ultimo (come per il commento di Nick) che indica l'analisi/esecuzione iniziale del documento)