Come jQuery slidingown una volta che la pagina è già stata caricata

Question

Ho un problema di temporizzazione quando provo a scorrere giù il mio div più info. La mia funzionalità desiderata è che il div slidesdown dall'alto quando la pagina è già stata renderizzata. Il mio problema è se uso $ (document) .ready() .. l'animazione non si verifica visibilmente.

Ecco il mio codice:

$(document).ready(function() { 
     $(".MoreInfo").slideDown('slow'); 
    }); 

Se mi lego a scatto di qualche altro elemento, ad esempio, funziona splendidamente. Ma non sono sicuro di come farlo scorrere visibilmente verso il basso una volta caricata la pagina. Grazie!

Answer 1

ho provato la miscelazione e la congruenza con:

$(window).load(function() 

e

$(document).ready(function() 

ma non ha avuto fortuna. Ho finito per usare

$(document).ready(function() { 
    $(".MoreInfo").slideUp(1).delay(2000).slideDown('slow'); 

e che sembrava funzionare. Penso che abbia a che fare con l'elemento già visualizzato più di ogni altra cosa.

Answer 2

si potrebbe desiderare di provare a utilizzare

$(window).load(function() 

invece di

$(document).ready(function() 

come alcuni degli elementi che si sta tentando di manipolare potrebbe non essere caricato completamente quando $ (document) incendi .ready.

Answer 3

Forse provare onload corpo invece

$("body").load(function() { 
    $(".MoreInfo").slideDown('slow'); 
}); 

... document.ready avviene non appena il DOM può essere manipolato, non necessariamente una volta che viene visualizzata la pagina - potrebbe essere ben prima che la pagina è visualizzato. Si potrebbe anche provare a mettere questo in una chiamata setTimeout per consentire un po 'di tempo in più