-
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
-
Per ora non noto particolari errori. Hai un link in una pagina di esempio?
Ciao!
-
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).
-
a bello...
e come posso risolvere?:=):
-
Fai una prova rapida con window, on, evento da associare (cioè "load") e handler (cioè function).. http://api.jquery.com/ready/ non ho provato.
-
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