Come eseguire il codice jquery DOPO il caricamento della pagina?

Se vuoi che un evento funzioni sulla tua pagina, dovresti chiamarlo all'interno della funzione $ (document) .ready (). Tutto al suo interno verrà caricato non appena il DOM viene caricato e prima che i contenuti della pagina vengano caricati.

Voglio fare il codice javascript solo dopo che i contenuti della pagina sono stati caricati come posso farlo?

Utilizzare loadinvece di ready:

$(document).load(function () {
 // code here
});

Aggiornamento È necessario utilizzare .on()da jQuery 1.8. ( http://api.jquery.com/on/ )

$(window).on('load', function() {
 // code here
});

Da questa risposta :

Secondo http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/ :

Alias ​​di evento obsoleti rimossi

.load, .unloadE .error, deprecata dal jQuery 1.8, non sono più. Utilizzare .on()per registrare i listener.

https://github.com/jquery/jquery/issues/2286

A seguire

$(document).ready(function() { 
});

può essere sostituito

$(window).bind("load", function() { 
     // insert your code here 
});

C'è ancora una volta un modo che sto usando per aumentare il tempo di caricamento della pagina.

$(document).ready(function() { 
  $(window).load(function() { 
     //insert all your ajax callback code here. 
     //Which will run only after page is fully loaded in background.
  });
});

nessuno ne ha parlato

$(function() {
    // place your code
});

che è una funzione abbreviata di

$(document).ready(function() { .. });

Modifica: questo codice attenderà fino a quando tutti i contenuti (immagini e script) saranno completamente caricati e renderizzati nel browser.

Ho avuto questo problema in cui si $(window).on('load',function(){ ... })sarebbe attivato troppo velocemente per il mio codice poiché il Javascript che ho usato era per scopi di formattazione e per nascondere elementi. Gli elementi sono stati nascosti troppo presto e sono rimasti con un'altezza di 0.

Ora lo uso $(window).on('pageshow',function(){ //code here });e si attiva nel momento in cui ho bisogno.

In questo modo puoi evitare di essere indefinito in "$"

window.addEventListener("DOMContentLoaded", function(){
    // Your code
});

EDIT: L' uso di 'DOMContentLoaded' è più veloce del semplice 'caricamento' perché il caricamento della pagina di attesa è completamente caricato, imgs incluso ... mentre DomContentLoaded attende solo la struttura

Sto cercando lo stesso problema ed ecco cosa mi aiuta. Ecco la versione 3.1.0 di jQuery e l' evento load è deprecato per l'uso dalla versione 1.8 di jQuery . L'evento di caricamento viene rimosso da jQuery 3.0. Invece, puoi utilizzare il metodo e associare l'evento di caricamento JavaScript:

$(window).on('load', function () {
  alert("Window Loaded");
});

E se vuoi eseguire una seconda funzione dopo che la prima finisce, vedi questa risposta di stackoverflow .

scrivi il codice che vuoi che venga eseguito all'interno di questo. Quando il documento è pronto, verrà eseguito.

$(document).ready(function() { 

});