Visualizzazione risultati 1 fino 6 di 6
Like Tree2Likes
  • 2 Post By darbula

Discussione: loading jquery

  1. #1
    sitodiprova1927 non è connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito loading jquery

    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

  2. #2
    L'avatar di alemoppo
    alemoppo è connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    8,258

    Predefinito

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

    Ciao!

  3. #3
    darbula è connesso ora AlterGuru
    Data registrazione
    24-04-2011
    Messaggi
    1,209

    Predefinito

    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).
    Ultima modifica di darbula : 13-12-2017 alle ore 19.11.24
    alemoppo and sitodiprova1927 like this.

  4. #4
    sitodiprova1927 non è connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito

    a bello...

    e come posso risolvere?

  5. #5
    darbula è connesso ora AlterGuru
    Data registrazione
    24-04-2011
    Messaggi
    1,209

    Predefinito

    Fai una prova rapida con window, on, evento da associare (cioè "load") e handler (cioè function).. http://api.jquery.com/ready/ non ho provato.
    Ultima modifica di darbula : 13-12-2017 alle ore 20.45.02

  6. #6
    sitodiprova1927 non è connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito

    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
    Ultima modifica di sitodiprova1927 : 14-12-2017 alle ore 16.36.52

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •