loading jquery

13-12-2017, 17.27.14

Salve a tutti per evitare di mostrare il mio sito web durante il caricamento e fare una cosa un po più gradevole ho pensato di utilizzare il .load() e .ready() di jquery per mostrare un'icona gif durante il caricamento della pagina, il problema è che non riesco a farlo funzionare.

Credo che il problema sia in un mio errore in jquery ma non escludo css anche se mi sembra apposto.

Di seguito lascio gli script:

lo script jquery contenuto nell'head:

Codice HTML:

<head>
<script src="assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>

<script>

$( document ).ready(function() {

  $(window).load(function() {
    
    //faccio scomparire l'immagine di caricamento
    $(".loader").fadeOut("slow");
  
  });

});

</script>
</head>

lo script css contenuto nell'head

Codice HTML:

<style>
.loader {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fafafa url('assets/img/835.gif') no-repeat center center;
text-align: center;
color: #999;
}
</style>

il div a inizio body

Codice HTML:

<div class="loader">LOADING...</div>

Grazie a tutti

**alemoppo** · 13-12-2017, 17.49.54

Per ora non noto particolari errori. Hai un link in una pagina di esempio?

Ciao!

**darbula** · 13-12-2017, 18.38.33

Load è stato rimosso a partire di jquery 3.0 https://api.jquery.com/load-event/
EDIT: Ajax load http://api.jquery.com/load/ (non centra con il caricamento, ma mostro le due varianti di load).

13-12-2017, 19.10.08

a bello...

e come posso risolvere?

**darbula** · 13-12-2017, 19.28.17

Fai una prova rapida con window, on, evento da associare (cioè "load") e handler (cioè function).. http://api.jquery.com/ready/ non ho provato.

14-12-2017, 15.08.57

salve ho aggiornato cosi lo script seguendo le indicazioni di darbula e ho tolto la prima riga di css ( display:none) e ora funziona grazie tante dell'aiuto.

Codice HTML:

<script>

    $( document ).ready(function() {

        $(window).on( "load",function() {
    
            //faccio scomparire l'immagine di caricamento
            $(".loader").fadeOut("slow");
  
        });

    });

</script>

Buona giornata a tutti

Discussione: loading jquery

LinkBack

Strumenti discussione

Display

loading jquery

Regole di scrittura