Jak jQuery slidedown po stronie została już załadowana

Question

Mam problem rozrządu, gdy próbuje przesunąć w dół mojego Więcej info div. Moją pożądaną funkcją jest to, że div odsuwa się od góry, gdy strona jest już renderowana. Mój problem polega na tym, że jeśli użyję $ (document) .ready() ... animacja nie pojawi się w sposób widoczny.

Oto mój kod:

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

Gdybym podpiąć go do jakiegoś innego elementu kliknięcia na przykład, działa pięknie. Ale nie wiem, jak sprawić, by widocznie zsunął się po załadowaniu strony. Dzięki!

Answer 1

Próbowałem mieszanie i dopasowywanie za pomocą:

$(window).load(function() 

i

$(document).ready(function() 

ale nie miał szczęścia. W końcu użyłem

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

i to wydaje się działać. Myślę, że miało to związek z tym, że element był już wyświetlany bardziej niż cokolwiek innego.

Answer 2

Można spróbować użyć

$(window).load(function() 

zamiast

$(document).ready(function() 

jak niektóre z elementów, które próbujesz manipulować nie może być całkowicie załadowana gdy $ (document) .ready pożarów.

Answer 3

Może spróbuj onload ciała zamiast

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

... document.ready następuje tak szybko, jak można manipulować DOM, nie koniecznie raz pojawi się strona - może to być dobrze zanim strona jest wystawiany. Można też spróbować umieścić to na setTimeout wezwanie, aby umożliwić trochę czasu