Как сделать jQuery слайд, когда страница уже загружена

Question

У меня возникла проблема с синхронизацией при попытке скользить вниз по моей дополнительной информации. Моя желаемая функциональность заключается в том, что div скользит сверху вниз после того, как страница уже отрисована. Моя проблема заключается в том, что если я использую $ (document) .ready () .. анимация не видна.

Вот мой код:

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

Если я прикреплю его, например, к щелчку какого-либо другого элемента, он прекрасно работает. Но я не уверен, как сделать так, чтобы он заметно скользил после загрузки страницы. Спасибо!

Answer 1

Я попытался смешать и сопоставить, используя:

$(window).load(function()  

и

$(document).ready(function()  

но не повезло. Я закончил, используя

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

и это, похоже, работает. Я думаю, что это связано с тем, что элемент уже отображается больше всего на свете.

Answer 2

Возможно, вы захотите попробовать

$(window).load(function() 

вместо

$(document).ready(function() 

, поскольку некоторые элементы, которыми вы пытаетесь манипулировать, могут не загружаться полностью, когда запускается $ (document) .ready.

Answer 3

Возможно попробуйте вместо нагрузки на тело

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

... document.ready происходит, как только можно манипулировать DOM, не обязательно после отображения страницы - это может быть задолго до отображения страницы. Вы также можете попробовать сделать это на setTimeout звонке, чтобы немного потратить время на